1<!DOCTYPE html> 2<html lang="en"> 3 4 5<head> 6 <meta charset="utf-8" /> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 8 <meta name="csrf-token" content="zYxPJozHzdXpXhCnRSecjjP8avvIqe3QYLYRFrzy"> 9 10 <!-- Google Tag Manager --> 11
11<script>
vendor: 590 bytes, lines 11-24
11 12 (function(w, d, s, l, i) { 13 w[l] = w[l] || []; 14 w[l].push({ 15 'gtm.start': new Date().getTime(), 16 event: 'gtm.js' 17 }); 18 var f = d.getElementsByTagName(s)[0], 19 j = d.createElement(s), 20 dl = l != 'dataLayer' ? '&l=' + l : ''; 21 j.async = true; 22 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 23 f.parentNode.insertBefore(j, f); 24 })(window, document, 'script', 'dataLayer', '
24GTM-N6H94K67
vendor: 12 bytes, lines 24-25
24'); 25
25</script>
25 26 27 <link rel="icon" type="image/png" href="https://prismecs.com/assets/images/logo.svg" /> 28 29 <link rel="preconnect" href="https://www.googletagmanager.com"> 30 <link rel="preconnect" href="https://salesiq.zohopublic.com"> 31 <link rel="preconnect" href="https://crmplus.zoho.com"> 32 <link rel="preconnect" href="https://fonts.googleapis.com"> 33 <!-- <link rel="preconnect" href="https://beta-cb-cp.on-forge.com"> --> 34<meta name="msvalidate.01" content="DF3742C9B6E202F9CEA06FC06954B33F" /> 35<!-- SEO --> 36<meta name="language" content="en"> 37<meta name="robots" content="index, follow"> 38<title>About Prismecs | Global Engineering, Energy & EPC Solutions Company</title> 39<meta name="description" content="Learn about Prismecs, a global engineering and EPC solutions provider delivering power generation, energy infrastructure, and industrial services. Discover our mission, expertise, leadership team, and commitment to innovation, reliability, and sustainable industrial progress."> 40<meta name="keywords" content="Engineering Solutions Company, Global EPC Services, Energy Infrastructure Experts, Industrial Engineering Services, Prismecs Company Overview"> 41<meta property="og:title" content="About Prismecs | Global Engineering, Energy & EPC Solutions Company"> 42<meta property="og:description" content="Learn about Prismecs, a global engineering and EPC solutions provider delivering power generation, energy infrastructure, and industrial services. Discover our mission, expertise, leadership team, and commitment to innovation, reliability, and sustainable industrial progress."> 43<meta property="og:url" content="https://prismecs.com/about-us"> 44<meta property="og:site_name" content="PRISMECS"> 45<meta property="og:type" content="website"> 46<link rel="canonical" href="https://prismecs.com/about-us"> 47 48 <link rel="preload" as="style" href="https://prismecs.com/build/assets/app-fiNDP0s5.css" /><link rel="stylesheet" href="https://prismecs.com/build/assets/app-fiNDP0s5.css" /> 49 <link rel="preload" href="https://prismecs.com/assets/fonts/BisonBold.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 50<link rel="preload" href="https://prismecs.com/assets/fonts/Montserrat.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 51<noscript> 52 <link rel="stylesheet" href="https://prismecs.com/assets/fonts/BisonBold.css"> 53 <link rel="stylesheet" href="https://prismecs.com/assets/fonts/Montserrat.css"> 54</noscript> 55<link rel="stylesheet" href="https://prismecs.com/assets/css/style.css?v=1788508189"> 56<link rel="preload" href="https://prismecs.com/assets/admin/assets/plugins/spinner/spinner.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 57<link rel="preload" href="https://prismecs.com/assets/css/owl.carousel.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 58<link rel="preload" href="https://prismecs.com/assets/css/owl.theme.default.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 59<link rel="preload" href="https://prismecs.com/assets/admin/assets/plugins/iziToast-master/iziToast.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 60<link rel="preload" href="https://prismecs.com/assets/admin/assets/plugins/select2/select2.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 61<noscript> 62 <link rel="stylesheet" href="https://prismecs.com/assets/admin/assets/plugins/spinner/spinner.css"> 63 <link rel="stylesheet" href="https://prismecs.com/assets/css/owl.carousel.min.css"> 64 <link rel="stylesheet" href="https://prismecs.com/assets/css/owl.theme.default.min.css"> 65 <link rel="stylesheet" href="https://prismecs.com/assets/admin/assets/plugins/iziToast-master/iziToast.css"> 66 <link rel="stylesheet" href="https://prismecs.com/assets/admin/assets/plugins/select2/select2.min.css"> 67</noscript> 68 69 <!-- Head stuff --> 70 </head> 71 72<body class=""> 73 <!-- Navbar --> 74 <!-- Navbar --> 75 <nav class="bg-white shadow-md fixed top-0 w-full z-50"> 76 <div class="container-margin py-3"> 77 <div class="flex justify-between items-center"> 78 <!-- Logo --> 79 <a href="https://prismecs.com" class="flex items-center pl-5 md:pl-0" id="web_logo"> 80 <img src="https://prismecs.com/assets/images/companies_logo/prismecs.svg" alt="Logo" width="191" height="87" class="w-38.5 lg:w-45 2xl:w-60.75"> 81 </a> 82 <!-- Nav Links --> 83 <div id="menu_box" class="hidden xl:flex space-x-6 text-base 2xl:text-lg font-montserrat font-medium text-black cursor-pointer bg-white rounded-3xl px-8 py-3"> 84 85 <!-- About --> 86 <div class="relative group"> 87 <button class="focus:outline-none hover:text-primary curs
87or-pointer text-primary">About</button> 88 <div class="absolute left-0 top-full w-[244px] shadow-mdcustom bg-white rounded-md hidden group-hover:block transition duration-300 z-50"> 89 <div class="flex my-4 w-full"> 90 <div class="flex flex-col px-4 w-full"> 91 <a href="https://prismecs.com/about-us" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-primary border-l-accent bg-accent-100 rounded-[10px]">Who We Are</a> 92 93 <a href="https://prismecs.com/sustainabilty" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Sustainability</a> 94 95 <a href="https://prismecs.com/our-leadership" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Our Leadership</a> 96 </div> 97 </div> 98 </div> 99 </div> 100 <!-- Solutions --> 101 <div class="relative group"> 102 <a href="https://prismecs.com/services" class="focus:outline-none hover:text-primary cursor-pointer text-black">Solutions</a> 103 <div class="absolute left-0 top-full w-122 shadow-mdcustom bg-white rounded-md hidden group-hover:block transition duration-300 z-50"> 104 <div class="flex mt-4 w-full"> 105 <div class="flex flex-col border-r border-grey-200 px-4 w-full"> 106 <a href="https://prismecs.com/epcm-services" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">EPCM Services</a> 107 108 <a href="https://prismecs.com/ic-services" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">I&C Services</a> 109 110 <a href="https://prismecs.com/om-services" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">O&M Services</a> 111 112 <a href="https://prismecs.com/owners-engineer" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Owner's Engineering Services</a> 113 114 <a href="https://prismecs.com/equipments-marketing-solution" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Equipment(s) Marketing Solutions</a> 115 116 </div> 117 <div class="flex flex-col px-4 w-full"> 118 119 <a href="https://prismecs.com/power-generation-services" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Power Generation Assets Services</a> 120 121 <a href="https://prismecs.com/finance" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Financing Solutions</a> 122 123 <a href="https://prismecs.com/industrial-supply-chain-solutions" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Supply Chain Solutions</a> 124 125 <a href="https://prismecs.com/distributed-energy" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Distributed Energy Solutions</a> 126 127 <a href="https://prismecs.com/technology-consulting" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Technology and Consulting</a> 128 </div> 129 </div> 130 <!-- CASE STUDY block inside dropdown --> 131 <a href="https://prismecs.com/case-studies" class="transition-all duration-500 hover:bg-grey-650 m-4 flex justify-between items-center border-r border-transparent bg-grey-150 p-4 rounded-[10px] group/case"> 132 <div> 133 <p class="text-primary text-xs">Case Study</p> 134 <p class="text-sm text-black">View Case Studies</p> 135 </div> 136 <button aria-label="Case Study" class="ml-2 inline-block transition-transform duration-500 group-hover/case:-rotate-45"> 137 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 138 <circle r="12" cx="12" cy="12" class="fill-transparent group-hover/case:fill-black transition-colors duration-500" /> 139 <g transform="scale(0.64) translate(6.75,6.75)"> 140 <path 141 d="m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z" 142 class="fill-black group-hover/case:fill-white transition-colors duration-300" /> 143 </g> 144 </svg> 145 </button> 146 </a> 147 </div> 148 </div> 149 <!-- Industries --> 150 <div class="relative group"> 151 <a href="https://prismecs.com/industries" class="focus:outline-none hover:text-primary curs
151or-pointer text-black">Industries</a> 152 <div class="absolute left-0 top-full w-[488px] shadow-mdcustom bg-white rounded-md hidden group-hover:block transition duration-300 z-50"> 153 <div class="flex mt-4 w-full"> 154 <div class="flex flex-col border-r border-grey-200 px-4 w-full"> 155 <a href="https://prismecs.com/power-utilities" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Power Utilities</a> 156 157 <a href="https://prismecs.com/oil-gas" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Oil & Gas</a> 158 159 <a href="https://prismecs.com/data-center" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Data Center</a> 160 161 <a href="https://prismecs.com/healthcare-power" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Healthcare Power</a> 162 163 <a href="https://prismecs.com/metal-and-mining" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Metals & Mining</a> 164 165 </div> 166 <div class="flex flex-col px-4 w-full"> 167 <a href="https://prismecs.com/petrochemical-engineering-services" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Petrochemicals</a> 168 169 <a href="https://prismecs.com/commercial-industrial" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Commercial & Industrial</a> 170 171 <a href="https://prismecs.com/telecommunication" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Telecommunications</a> 172 173 <a href="https://prismecs.com/e-mobility" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">E-mobility</a> 174 175 <a href="https://prismecs.com/renewable-energy" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Renewable Energy</a> 176 </div> 177 </div> 178 <a href="https://prismecs.com/case-studies" class="transition-all duration-500 hover:bg-grey-650 m-4 flex justify-between items-center border-r border-transparent bg-grey-150 p-4 rounded-[10px] group/case"> 179 <div> 180 <p class="text-primary text-xs">Case Study</p> 181 <p class="text-sm text-black">View Case Studies</p> 182 </div> 183 <button aria-label="Case Study" class="ml-2 inline-block transition-transform duration-500 group-hover/case:-rotate-45"> 184 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 185 <circle r="12" cx="12" cy="12" class="fill-transparent group-hover/case:fill-black transition-colors duration-500" /> 186 <g transform="scale(0.64) translate(6.75,6.75)"> 187 <path 188 d="m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z" 189 class="fill-black group-hover/case:fill-white transition-colors duration-300" /> 190 </g> 191 </svg> 192 </button> 193 </a> 194 </div> 195 </div> 196 <!-- Projects --> 197 <a href="https://prismecs.com/projects" class="focus:outline-none hover:text-primary curs
197or-pointer text-black">Projects</a> 198 <!-- Equipments --> 199 <a href="https://prismecs.com/equipment-inventory" class="focus:outline-none hover:text-primary cursor-pointer text-black">Equipment</a> 200 201 <!-- Resources --> 202 <div class="relative group"> 203 <button class="focus:outline-none hover:text-primary cursor-pointer text-black">Resources</button> 204 <div class="absolute left-0 top-full w-[244px] shadow-mdcustom bg-white rounded-md hidden group-hover:block transition duration-300 z-50"> 205 <div class="flex my-4 w-full"> 206 <div class="flex flex-col px-4 w-full"> 207 <a href="https://prismecs.com/news-events" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">News & Events</a> 208 209 <a href="https://prismecs.com/blogs-articles" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent ">Blogs & Articles</a> 210 211 <a href="https://prismecs.com/case-studies" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Case Study</a> 212 213 <a href="https://prismecs.com/brochures" class="block px-4 py-2 text-sm hover:bg-accent-100 hover:border-l-accent border-l-2 hover:rounded-[10px] font-medium w-fulltext-black border-transparent">Brochures</a> 214 </div> 215 </div> 216 </div> 217 </div> 218 219 <a href="https://prismecs.com/careers" class="focus:outline-none hover:text-primary cursor-pointer text-black">Careers</a> 220 </div> 221 222 <!-- Contact and Menu --> 223 <div id="contact_menu" class="flex items-center space-x-4"> 224 <button title="Search" aria-label="Search" id="search_box" class="hidden xl:flex cursor-pointer"> 225 <svg xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewBox="0 0 17 18" fill="none"> 226 <path d="M16.433 15.8375L11.9679 11.3263C12.9797 10.05 13.4643 8.43404 13.3219 6.811C13.1795 5.18795 12.4209 3.68126 11.2023 2.60099C9.98366 1.52072 8.39768 0.949032 6.7707 1.00357C5.14373 1.05811 3.59952 1.73473 2.45585 2.89419C1.31217 4.05366 0.656036 5.60776 0.62245 7.23671C0.588863 8.86566 1.18038 10.4455 2.27529 11.6512C3.3702 12.8569 4.8852 13.5967 6.50854 13.7184C8.13188 13.8401 9.74008 13.3344 11.0022 12.3053L15.4382 16.7868C15.5637 16.9185 15.7362 16.9951 15.9179 16.9998C16.0997 17.0045 16.2759 16.9369 16.408 16.8118C16.5397 16.6855 16.6162 16.5123 16.6209 16.3298C16.6255 16.1474 16.558 15.9704 16.433 15.8375ZM6.967 12.3589C5.80457 12.3586 4.67818 11.955 3.77976 11.2167C2.88133 10.4785 2.26644 9.4513 2.03985 8.31018C1.81326 7.16906 1.98899 5.98461 2.53709 4.95862C3.0852 3.93264 3.97178 3.1286 5.04577 2.68348C6.11977 2.23837 7.31474 2.17973 8.42709 2.51754C9.53944 2.85536 10.5004 3.56873 11.1461 4.53613C11.7919 5.50352 12.0825 6.66509 11.9686 7.82292C11.8546 8.98075 11.3431 10.0632 10.5211 10.8859C10.0554 11.3544 9.50148 11.7257 8.89143 11.9786C8.28137 12.2314 7.62729 12.3607 6.967 12.3589Z" fill="black" stroke="black" stroke-width="0.5" /> 227 </svg> 228 </button> 229 230 <div x-data="{ showSearch: false }" x-init="() => { 231 $watch('showSearch', value => { 232 if (value) { 233 $nextTick(() => $refs.searchInput.focus()); 234 } 235 }); 236 }"> 237 <!-- Toggle Button --> 238 <button title="Search" aria-label="Search" id="mob_search" class="flex xl:hidden cursor-pointer mb-1" @click="showSearch = !showSearch"> 239 <svg xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewBox="0 0 17 18" fill="none"> 240 <path d="M16.433 15.8375L11.9679 11.3263C12.9797 10.05 13.4643 8.43404 13.3219 6.811C13.1795 5.18795 12.4209 3.68126 11.2023 2.60099C9.98366 1.52072 8.39768 0.949032 6.7707 1.00357C5.14373 1.05811 3.59952 1.73473 2.45585 2.89419C1.31217 4.05366 0.656036 5.60776 0.62245 7.23671C0.588863 8.86566 1.18038 10.4455 2.27529 11.6512C3.3702 12.8569 4.8852 13.5967 6.50854 13.7184C8.13188 13.8401 9.74008 13.3344 11.0022 12.3053L15.4382 16.7868C15.5637 16.9185 15.7362 16.9951 15.9179 16.9998C16.0997 17.0045 16.2759 16.9369 16.408 16.8118C16.5397 16.6855 16.6162 16.5123 16.6209 16.3298C16.6255 16.1474 16.558 15.9704 16.433 15.8375ZM6.967 12.3589C5.80457 12.3586 4.67818 11.955 3.77976 11.2167C2.88133 10.4785 2.26644 9.4513 2.03985 8.31018C1.81326 7.16906 1.98899 5.98461 2.53709 4.95862C3.0852 3.93264 3.97178 3.1286 5.04577 2.68348C6.11977 2.23837 7.31474 2.17973 8.42709 2.51754C9.53944 2.85536 10.5004 3.56873 11.1461 4.53613C11.7919 5.50352 12.0825 6.66509 11.9686 7.82292C11.8546 8.98075 11.3431 10.0632 10.5211 10.8859C10.0554 11.3544 9.50148 11.7257 8.89143 11.9786C8.28137 12.2314 7.62729 12.3607 6.967 12.3589Z" fill="black" stroke="black" stroke-width="0.5" /> 241 </svg> 242 </button> 243 244 <!-- Search Box --> 245 <div 246 id="search_input_box1" 247 x-show="showSearch" 248 x-transition 249 x-cloak 250 class="absolute cursor-pointer duration-500 flex font-medium justify-center left-0 space-x-6 text-black text-lg transition-all w-full -bottom-11" 251 style="display: none;"> 252 253 <form action="https://prismecs.com/search" id="searchForm2" class="relative"> 254 <div class="relative flex justify-center"> 255 <input 256 x-ref="searchInput" 257 value="" 258 type="text" 259 name="search" 260 id="search_box_container1" 261 class="pl-12 pr-[12px] py-2 border border-primary rounded-full bg-white placeholder-grey-700 text-sm focus-visible:outline-0 w-[320px] sm:w-[500px]" 262 placeholder="Type words and hit enter" required> 263 264 <button type="submit" title="Search" class="absolute top-2.5 left-3 border-r border-r-grey-800 pr-2 cursor-pointer"> 265 <svg id="search_icon_svg" xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewBox="0 0 17 18" fill="none"> 266 <path d="M16.2182 15.8375L11.753 11.3263C12.7649 10.05 13.2495 8.43404 13.107 6.811C12.9646 5.18795 12.2061 3.68126 10.9874 2.60099C9.76881 1.52072 8.18283 0.949032 6.55586 1.00357C4.92888 1.05811 3.38468 1.73473 2.241 2.89419C1.09733 4.05366 0.441192 5.60776 0.407606 7.23671C0.374019 8.86566 0.96554 10.4455 2.06045 11.6512C3.15535 12.8569 4.67035 13.5967 6.2937 13.7184C7.91704 13.8401 9.52523 13.3344 10.7873 12.3053L15.2233 16.7868C15.3488 16.9185 15.5213
26616.9951 15.7031 16.9998C15.8849 17.0045 16.0611 16.9369 16.1932 16.8118C16.3248 16.6855 16.4013 16.5123 16.406 16.3298C16.4107 16.1474 16.3432 15.9704 16.2182 15.8375ZM6.75216 12.3589C5.58973 12.3586 4.46334 11.955 3.56491 11.2167C2.66648 10.4785 2.05159 9.4513 1.825 8.31018C1.59841 7.16906 1.77414 5.98461 2.32225 4.95862C2.87036 3.93264 3.75693 3.1286 4.83093 2.68348C5.90492 2.23837 7.09989 2.17973 8.21225 2.51754C9.3246 2.85536 10.2855 3.56873 10.9313 4.53613C11.577 5.50352 11.8677 6.66509 11.7537 7.82292C11.6398 8.98075 11.1282 10.0632 10.3063 10.8859C9.84055 11.3544 9.28664 11.7257 8.67658 11.9786C8.06653 12.2314 7.41244 12.3607 6.75216 12.3589Z" class=" fill-primary stroke-primary" stroke-width="0.5" /> 267 </svg> 268 </button> 269 </div> 270 <span id="error_search_box_container1" class="text-red-500 text-xs block mt-1 left-3 absolute" style="display:none"></span> 271 </form> 272 </div> 273 </div> 274 275 <div class="hidden "> 276 <!-- Toggle modes flex--> 277 <button aria-label="toggle button" id="themeToggleBtn" class="cursor-pointer w-[48px] md:w-[56px] lg:w-[68px]"> 278 <!-- Light Mode Icon --> 279 <img 280 id="lightIcon" 281 src="https://prismecs.com/assets/images/lightmode.png" 282 alt="Light Mode" 283 class="h-full w-[48px] md:w-[56px] lg:w-[68px] transition-opacity duration-300 ease-in-out block"> 284 285 <!-- Night Mode Icon --> 286 <img 287 id="nightIcon" 288 src="https://prismecs.com/assets/images/nightmode.png" 289 alt="Night Mode" 290 class="h-full w-[48px] md:w-[56px] lg:w-[68px] transition-opacity duration-300 ease-in-out hidden"> 291 </button> 292 293 </div> 294 <a href="https://prismecs.com/contact-us" id="industries_view" title="Contact now" class="group hidden xl:flex items-center overflow-hidden capitalize transition-all duration-500 cursor-pointer text-white font-montserrat pl-3 2xl:pl-5 pr-2 py-2 text-xs md:text-sm 2xl:text-base rounded-full bg-primary hover:bg-accent hover:text-black"> 295 Contact Now 296 <span class="ml-2 inline-block transition-transform duration-500 group-hover:-rotate-45"> 297 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""> 298 <circle r="12" cx="12" cy="12" class="fill-white group-hover:fill-black transition-colors duration-500" shape="circle" transform="matrix(1,0,0,1,0,0)"></circle> 299 <g transform="matrix(0.6399999999999999,0,0,0.6399999999999999,4.3199615478515625,4.324424915313721)"> 300 <path d="m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z" class="fill-black group-hover:fill-white transition-colors duration-300" opacity="1"></path> 301 </g> 302 </svg> 303 </span> 304 </a> 305 306 <!-- Mobile Menu --> 307 <div class="xl:hidden" 308 x-data="{ 309 open: false, 310 activeDropdown: null, 311 toggleBodyScroll() { 312 document.body.classList.toggle('overflow-hidden', this.open); 313 } 314 }" 315 x-effect="toggleBodyScroll()" 316 x-cloak> 317 318 <!-- Hamburger Button --> 319 <button aria-label="Open navigation menu" title="Open Menu" @click="open = true"> 320 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""> 321 <g> 322 <path fill-rule="evenodd" d="M433.575 131.672c12.776 0 23.17-10.377 23.17-23.153s-10.394-23.153-23.17-23.153H78.42c-12.77 0-23.164 10.377-23.164 23.153s10.394 23.153 23.164 23.153zm0 248.6H78.42c-12.77 0-23.164 10.377-23.164 23.153 0 12.832 10.394 23.209 23.164 23.209h355.155c12.776 0 23.17-10.377 23.17-23.209-.001-12.775-10.395-23.153-23.17-23.153zm0-147.453H78.42c-12.77 0-23.164 10.377-23.164 23.153s10.394 23.153 23.164 23.153h355.155c12.776 0 23.17-10.377 23.17-23.153-.001-12.776-10.395-23.153-23.17-23.153z" clip-rule="evenodd" fill="#000000" opacity="1" data-original="#000000" class=""></path> 323 </g> 324 </svg> 325 </button> 326 327 <!-- Overlay --> 328 <div x-show="open" 329 x-cloak 330 x-transition.opacity 331 @click="open = false" 332 class="fixed inset-0 bg-black/70 z-40"> 333 </div> 334 335 <!-- Slide-in Menu --> 336 <div x-show="open" 337 x-cloak 338 x-transition:enter="transition ease-out duration-300" 339 x-transition:enter-start="-translate-x-full" 340 x-transition:enter-end="translate-x-0" 341 x-transition:leave="transition ease-in duration-300" 342 x-transition:leave-start="translate-x-0" 343 x-transition:leave-end="-translate-x-full" 344 class="fixed top-0 left-0 w-[355px] sm:w-[370px] md:w-96 h-screen bg-white z-50 shadow-lg" 345 @click.away="open = false" 346 @click.stop> 347 348 <!-- Header --> 349 <div class="flex justify-between px-4 pt-2 pb-4 border-b border-grey-50"> 350 <a href="https://prismecs.com" title="Prismecs" class="" id="web_logo"> 351 <img src="https://prismecs.com/assets/images/companies_logo/prismecs.svg" alt="Logo" class="w-[154px] lg:w-[180px] 2xl:w-[243px]"> 352 </a> 353 <button aria-label="close" title="close" @click="open = false"> 354 <img src="https://prismecs.com/assets/images/mob_close.png" alt="close" /> 355 </button> 356 </div> 357 358 <!-- Navigation --> 359 <nav class="flex flex-col px-4 max-h-[80vh] overflow-y-auto"> 360 361 <!-- Menu Group Template --> 362 <template x-for="(item, index) in 363 [ 364 { 365 title: 'About', 366 key: 'about', 367 active: true, 368 links: [ 369 { name: 'Who We Are', route: 'https://prismecs.com/about-us', active: true }, 370 { name: 'Sustainability', route: 'https://prismecs.com/sustainabilty', active: false }, 371 { name: 'Our Leadership', route: 'https://prismecs.com/our-leadership', active: false }, 372 373 ] 374 }, 375 { 376 title: 'Solutions', 377 key: 'solutions', 378 active: false, 379 links: [ 380 { name: 'EPCM Services', route: 'https://prismecs.com/epcm-services', active: false }, 381 { name: 'O&M Services', route: 'https://prismecs.com/om-services', active: false }, 382 { name: 'I&C Services', route: 'https://prismecs.com/ic-services', active: false }, 383 { name: 'Owner\'s Engineering Services', route: 'https://prismecs.com/owners-engineer', active: false }, 384 { name: 'Technology and Consulting', route: 'https://prismecs.com/technology-consulting', active: false }, 385 { name: 'Power Generation Assets Services', route: 'https://prismecs.com/power-generation-services', active: false }, 386 { name: 'Financing Solutions', route: 'https://prismecs.com/finance', active: false }, 387 { name: 'Supply Chain Solutions', route: 'https://prismecs.com/industrial-supply-chain-solutions', active: false }, 388 { name: 'Distributed Energy Solutions', route: 'https://prismecs.com/distributed-energy', active: false }, 389 { name: 'Equipment(s) Marketing Solutions', route: 'https://prismecs.com/equipments-marketing-solution', active: false } 390 ] 391 }, 392 { 393 title: 'Industries', 394 key: 'industries', 395 active: false, 396 links: [ 397 { name: 'Power Utilities', route: 'https://prismecs.com/power-utilities', active: false }, 398 { name: 'Oil & Gas', route: 'https://prismecs.com/oil-gas', active: false }, 399 { name: 'Data Center', route: 'https://prismecs.com/data-center', active: false }, 400 { name: 'Healthcare Power', route: 'https://prismecs.com/healthcare-power', active: false }, 401 { name: 'Metals & Mining', route: 'https://prismecs.com/metal-and-mining', active: false }, 402 { name: 'Petrochemicals', route: 'https://prismecs.com/petrochemical-engineering-services', active: false }, 403 { name: 'Commercial & Industrial', route: 'https://prismecs.com/commercial-industrial', active: false }, 404 { name: 'Telecommunications', route: 'https://prismecs.com/telecommunication', active: false }, 405 { name: 'E-mobility', route: 'https://prismecs.com/e-mobility', active: false }, 406 { name: 'Renewable Energy', route: 'https://prismecs.com/renewable-energy', active: false }, 407 ] 408 }, 409 {
410 title: 'Resources', 411 key: 'resources', 412 active: false, 413 links: [ 414 { name: 'News & Events', route: 'https://prismecs.com/news-events', active: false }, 415 { name: 'Blogs & Articles', route: 'https://prismecs.com/blogs-articles', active: false }, 416 { name: 'Case Study', route: 'https://prismecs.com/case-studies', active: false }, 417 { name: 'Brochures', route: 'https://prismecs.com/brochures', active: false } 418 ] 419 }, 420 421 422 423 424 ]" :key="item.key"> 425 <div x-data> 426 <button aria-label="title" class="w-full text-left text-black text-sm font-montserrat flex justify-between items-center py-[15px] border-b border-grey-50" 427 :class="item.active ? 'text-primary' : 'text-black'" 428 @click="activeDropdown === item.key ? activeDropdown = null : activeDropdown = item.key"> 429 <span x-text="item.title"></span> 430 <svg :class="{ 'rotate-180': activeDropdown === item.key }" 431 class="h-4 w-4 transform transition-transform" 432 xmlns="http://www.w3.org/2000/svg" 433 fill="none"
434 viewBox="0 0 24 24" 435 stroke="currentColor"> 436 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 437 </svg> 438 </button> 439 440 <div x-show="activeDropdown === item.key" 441 x-transition:enter="transition duration-200 ease-out" 442 x-transition:enter-start="opacity-0 max-h-0" 443 x-transition:enter-end="opacity-100 max-h-screen" 444 x-transition:leave="transition duration-200 ease-in" 445 x-transition:leave-start="opacity-100 max-h-screen" 446 x-transition:leave-end="opacity-0 max-h-0" 447 x-cloak 448 class="overflow-hidden mt-2 ml-4 font-montserrat"> 449 <template x-for="link in item.links" :key="link.name"> 450 <a :href="link.route" x-text="link.name" 451 :class="link.active ? 'text-primary' : 'text-grey-350'" 452 class="block px-4 py-2.5 text-sm font-medium w-full border-b border-grey-50"></a> 453 </template> 454 </div> 455 </div> 456 457 </template> 458 459 460 <a href="https://prismecs.com/projects" 461 class="w-full text-left text-sm font-montserrat flex justify-between items-center py-[15px] cursor-pointer text-black"> 462 Projects 463 </a> 464 465 466 <a href="https://prismecs.com/equipment-inventory" 467 class="w-full text-left text-sm font-montserrat flex justify-between items-center py-[15px] cursor-pointer text-black"> 468 Equipment 469 </a> 470 <!-- Contact Us --> 471 <a href="https://prismecs.com/careers" 472 class="w-full text-left text-sm font-montserrat flex justify-between items-center py-[15px] cursor-pointer text-black"> 473 Careers 474 475 476 </a> 477 <!-- Social Links --> 478 <div class="fixed bottom-0 flex gap-2 items-center py-4 bg-white z-50"> 479 480 <a 481 aria-labelledby="Facebook" 482 class="group p-2.5 rounded-full bg-transparent border border-primary hover:bg-primary inline-flex items-center justify-center transition-all duration-300" 483 href="https://web.facebook.com/Prismecs/" 484 target="_blank" 485 title="Facebook" 486 > 487 <!-- Default filled icon --> 488 <svg xmlns="http://www.w3.org/2000/svg" class="transition-all duration-300 group-hover:hidden" width="16" height="16" viewBox="0 0 12 20" fill="none"> 489 <path d="M10.7134 7.18967V9.30092H7.4216V19.1765H4.09398V9.2901L0.837891 9.29974V7.19814L4.10242 7.18849L4.09398 6.76998C4.05137 4.66658 4.35117 3.78174 4.36461 3.73951C5.17351 0.660643 8.26242 0.81576 8.39504 0.823807L11.1639 0.824628V2.75162H10.0297C8.10676 2.75162 7.4216 4.00838 7.4216 5.18455V7.18971L10.7134 7.18967Z" class=" fill-primary"/> 490</svg> <!-- Outlice icon appears on hover --> 491 <svg xmlns="http://www.w3.org/2000/svg" class="hidden group-hover:block transition-all duration-300" width="16" height="16" viewBox="0 0 16 16" fill="none"> 492 <g> 493 <path d="M11.223 2.86005H12.7886V0.00173969H9.94341C9.70607 -0.00813584 6.81287 -0.0634386 6.06299 2.79618C6.05213 2.82614 5.81248 3.50623 5.81248 5.09488L3.21094 5.10278V8.10066L5.81577 8.09309V16.0004H9.79462V8.1H12.4281V5.09422H9.79462V4.14847C9.79462 3.56055 10.0425 2.86005 11.223 2.86005ZM11.7697 5.75226V7.4413H9.13625V15.3417H6.47414V7.43274L3.86931 7.44031V5.75917L6.48105 5.7516L6.47414 5.41682C6.43991 3.73403 6.67988 3.02628 6.69074 2.99238C7.33792 0.529422 9.8
4930911 0.653195 9.9151 0.659779L12.1302 0.660437V2.20201H11.223C9.68467 2.20201 9.13658 3.20734 9.13658 4.14814V5.75226H11.7697Z" fill="white"/> 494 </g> 495 <defs> 496 <clipPath> 497 <rect width="16" height="16" fill="white"/> 498 </clipPath> 499 </defs> 500</svg> </a> 501 502 <a aria-labelledby="Instagram" class="group p-2.5 rounded-full bg-transparent border border-primary hover:bg-primary inline-flex items-center justify-center transition-all duration-300" href="https://www.instagram.com/prismecsllc/" target="_blank" title="Instagram"> 503 <!-- Default filled icon --> 504 <svg class="transition-all duration-300 group-hover:hidden" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 20" fill="none"> 505 <g> 506 <path d="M14.3568 0.5H5.64312C2.80716 0.5 0.5 2.80716 0.5 5.64312V14.357C0.5 17.1928 2.80716 19.5 5.64312 19.5H14.357C17.1928 19.5 19.5 17.1928 19.5 14.357V5.64312C19.5 2.80716 17.1928 0.5 14.3568 0.5ZM9.99998 15.1951C7.13532 15.1951 4.80482 12.8646 4.80482 9.99998C4.80482 7.13532 7.13532 4.80482 9.99998 4.80482C12.8646 4.80482 15.1951 7.13532 15.1951 9.99998C15.1951 12.8646 12.8646 15.1951 9.99998 15.1951ZM15.3194 6.03001C14.4728 6.03001 13.7843 5.34146 13.7843 4.4949C13.7843 3.64835 14.4728 2.95965 15.3194 2.95965C16.1659 2.95965 16.8546 3.64835 16.8546 4.4949C16.8546 5.34146 16.1659 6.03001 15.3194 6.03001Z" class=" fill-primary"/> 507 <path d="M9.99927 5.91797C7.74894 5.91797 5.91797 7.74879 5.91797 9.99927C5.91797 12.2496 7.74894 14.0806 9.99927 14.0806C12.2497 14.0806 14.0806 12.2496 14.0806 9.99927C14.0806 7.74879 12.2497 5.91797 9.99927 5.91797Z" class=" fill-primary"/> 508 <path d="M15.3197 4.07422C15.0875 4.07422 14.8984 4.26324 14.8984 4.49547C14.8984 4.72769 15.0875 4.91672 15.3197 4.91672C15.5521 4.91672 15.7411 4.72784 15.7411 4.49547C15.7411 4.2631 15.5521 4.07422 15.3197 4.07422Z" class=" fill-primary"/> 509 </g> 510 <defs> 511 <clipPath> 512 <rect width="19" height="19" fill="white" transform="translate(0.5 0.5)"/> 513 </clipPath> 514 </defs> 515</svg> <!-- Outlice icon appears on hover --> 516 <svg class="hidden group-hover:block transition-all duration-300" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> 517 <g> 518 <path d="M11.4878 0.402344H4.51684C2.24807 0.402344 0.402344 2.24807 0.402344 4.51684V11.4879C0.402344 13.7566 2.24807 15.6023 4.51684 15.6023H11.4879C13.7566 15.6023 15.6023 13.7566 15.6023 11.4879V4.51684C15.6023 2.24807 13.7566 0.402344 11.4878 0.402344ZM14.7112 11.4879C14.7112 13.2652 13.2652 14.7112 11.4878 14.7112H4.51684C2.73942 14.7112 1.29343 13.2652 1.29343 11.4879V4.51684C1.29343 2.73942 2.73942 1.29343 4.51684 1.29343H11.4879C13.2652 1.29343 14.7112 2.73942 14.7112 4.51684V11.4879Z" fill="white"/> 519 <path d="M8.00183 3.8457C5.7101 3.8457 3.8457 5.7101 3.8457 8.00183C3.8457 10.2936 5.7101 12.158 8.00183 12.158C10.2936 12.158 12.158 10.2936 12.158 8.00183C12.158 5.7101 10.2936 3.8457 8.00183 3.8457ZM8.00183 11.2669C6.20156 11.2669 4.73679 9.80221 4.73679 8.00183C4.73679 6.20156 6.20156 4.73679 8.00183 4.73679C9.80221 4.73679 11.2669 6.20156 11.2669 8.00183C11.2669 9.80221 9.80221 11.2669 8.00183 11.2669Z" fill="white"/> 520 <path d="M8.00152 6.77344C7.32428 6.77344 6.77344 7.32439 6.77344 8.00152C6.77344 8.67877 7.32428 9.22973 8.00152 9.22973C8.67877 9.22973 9.22973 8.67877 9.22973 8.00152C9.22973 7.32428 8.67877 6.77344 8.00152 6.77344ZM8.00152 8.33852C7.81574 8.33852 7.66452 8.1873 7.66452 8.00152C7.66452 7.81563 7.81574 7.66452 8.00152 7.66452C8.18742 7.66452 8.33864 7.81563 8.33864 8.00152C8.33864 8.1873 8.18742 8.33852 8.00152 8.33852Z" fill="white"/> 521 </g> 522 <defs> 523 <clipPath> 524 <rect width="15.2" height="15.2" fill="white" transform="translate(0.402344 0.402344)"/> 525 </clipPath> 526 </defs> 527</svg> </a> 528 529 <a aria-labelledby="Linkedin" class="group p-2.5 rounded-full bg-transparent border border-primary hover:bg-primary inline-flex items-center justify-center transition-all duration-300" href="https://www.linkedin.com/company/prismecs-llc/" target="_blank" title="LinkedIn"> 530 <svg class="transition-all duration-300 group-hover:hidden" width="16" height="17" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 531 <path d="M5.46078 5.03906H1.30078V15.839H5.46078V5.03906Z" class=" fill-primary" /> 532 <path d="M5.46078 2.24016C5.46078 3.36016 4.50078 4.32016 3.38078 4.32016C2.26078 4.32016 1.30078 3.36016 1.30078 2.24016C1.30078 1.12016 2.26078
5320.160156 3.38078 0.160156C4.50078 0.160156 5.46078 1.12016 5.46078 2.24016Z" class=" fill-primary" /> 533 <path d="M17.3004 9.11904V15.839H13.1404V9.91904C13.1404 9.35904 12.6604 8.87904 12.1004 8.87904C11.5404 8.87904 11.0604 9.35904 11.0604 9.91904V15.839H6.90039V5.03906H11.0604V5.75906C11.7004 5.27906 12.4204 5.03906 13.2204 5.03906C15.4604 5.03906 17.3004 6.87906 17.3004 9.11904Z" class=" fill-primary" /> 534</svg> <svg xmlns="http://www.w3.org/2000/svg" class="hidden group-hover:block transition-all duration-300" width="16" height="17" viewBox="0 0 16 17" fill="none"> 535 <g> 536 <path d="M4.17391 16.0345H0V5.25195H4.17391V16.0345ZM0.69561 15.3389H3.4783V5.94756H0.69561V15.3389Z" fill="white"/> 537 <path d="M15.9992 16.0345H11.8253V10.1215C11.8253 9.54522 11.3581 9.078 10.7818 9.078C10.2055 9.078 9.73837 9.54522 9.73837 10.1215V16.0345H5.56445V5.25195H9.73837V5.95189C10.3684 5.49639 11.1261 5.25144 11.9035 5.25195C14.16 5.25195 15.9992 7.08237 15.9992 9.33454V16.0345ZM12.5209 15.3389H15.3035V9.33454C15.2988 7.46081 13.7773 5.94514 11.9035 5.94756C11.047 5.94756 10.2427 6.30842 9.64271 6.9606L9.04263 7.6171V5.94756H6.26006V15.3389H9.04263V10.1215C9.04263 9.16092 9.82129 8.38239 10.7818 8.38239C11.7423 8.38239 12.5209 9.16092 12.5209 10.1215V15.3389Z" fill="white"/> 538 <path d="M2.08696 4.55673C0.934316 4.55673 0 3.62241 0 2.46977C0 1.31726 0.934316 0.382812 2.08696 0.382812C3.2396 0.382812 4.17391 1.31726 4.17391 2.46977C4.17149 3.62139 3.23858 4.55443 2.08696 4.55673ZM2.08696 1.07855C1.31861 1.07855 0.69561 1.70143 0.69561 2.46977C0.69561 3.23824 1.31861 3.86112 2.08696 3.86112C2.8553 3.86112 3.4783 3.23824 3.4783 2.46977C3.4783 1.70143 2.8553 1.07855 2.08696 1.07855Z" fill="white"/> 539 </g> 540 <defs> 541 <clipPath> 542 <rect width="16" height="16" fill="white" transform="translate(0 0.197266)"/> 543 </clipPath> 544 </defs> 545</svg> </a> 546 547 <a aria-labelledby="Twitter" class="group p-2.5 rounded-full bg-transparent border border-primary hover:bg-primary inline-flex items-center justify-center transition-all duration-300" href="https://twitter.com/PRISMECS" target="_blank" title="Twitter"> 548 <svg class="transition-all duration-300 group-hover:hidden" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 18 18" fill="none"> 549 <g> 550 <path d="M10.5834 7.69834L16.7759 0.5H15.3085L9.93148 6.75022L5.63689 0.5H0.683594L7.17785 9.95144L0.683594 17.5H2.15111L7.82935 10.8996L12.3648 17.5H17.3181L10.583 7.69834H10.5834ZM8.57339 10.0347L7.91538 9.09356L2.67988 1.60472H4.93391L9.15902 7.64845L9.81702 8.5896L15.3092 16.4455H13.0551L8.57339 10.0351V10.0347Z" class=" fill-primary" /> 551 </g> 552 <defs> 553 <clipPath> 554 <rect width="17" height="17" fill="white" transform="translate(0.5 0.5)"/> 555 </clipPath> 556 </defs> 557</svg> 558 <svg class="hidden group-hover:block transition-all duration-300" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> 559 <g> 560 <path d="M8.26356 5.95594L13.2176 0.197266H12.0436L7.74206 5.19744L4.30639 0.197266H0.34375L5.53916 7.75841L0.34375 13.7973H1.51777L6.06036 8.51691L9.68868 13.7973H13.6513L8.26327 5.95594H8.26356ZM6.65558 7.82503L6.12918 7.07211L1.94078 1.08104H3.744L7.12409 5.91603L7.65049 6.66895L12.0442 12.9537H10.241L6.65558 7.82532V7.82503Z" fill="white"/> 561 </g> 562 <defs> 563 <clipPath> 564 <rect width="13.6" height="13.6" fill="white" transform="translate(0.197266 0.197266)"/> 565 </clipPath> 566 </defs> 567</svg> </a> 568 569 <a aria-labelledby="Youtube" class="group p-2.5 rounded-full bg-transparent border border-primary hover:bg-primary inline-flex items-center justify-center transition-all duration-300" href="https://www.youtube.com/@prismecsofficial" target="_blank" title="YouTube"> 570 <svg class="transition-all duration-300 group-hover:hidden" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
570ox="0 0 20 20" fill="none"> 571 <g> 572 <path d="M19.9772 6.23919C19.9772 6.23919 19.8397 4.86733 18.8809 3.92263C18.1222 3.06056 17.062 2.66698 16.2724 2.66698C13.4793 2.4601 9.97716 2.51968 9.97716 2.51968C9.97716 2.51968 6.32618 2.47856 3.5331 2.68544C2.31706 2.83897 1.64276 3.24203 0.886871 4.14679C0.200764 4.96802 0.0615108 6.11217 0.0615108 6.11217C0.0615108 6.11217 -0.0719792 7.10942 -0.0228358 9.3128V10.9335C-0.181175 13.243 0.142984 14.4367 0.142984 14.4367C0.142984 14.4367 0.543147 15.6466 1.24267 16.2917C1.73234 16.8669 2.7358 17.3818 3.18408 17.4853C4.77025 17.6576 9.97716 17.6921 9.97716 17.6921C9.97716 17.6921 13.7261 17.542 16.5192 17.3006C17.7939 17.0801 18.4226 16.7363 19.1368 15.8214C19.9819 14.7389 19.9819 13.6732 19.9819 13.6732C19.9819 13.6732 20.0079 12.8604 20.0079 11.1363V9.26477C20.0806 7.22172 19.9772 6.23919 19.9772 6.23919Z" class=" fill-primary"/> 573 <path d="M7.58594 6.51758V14.0004L14.1377 10.3452L7.58594 6.51758Z" fill="white"/> 574 </g> 575 <defs> 576 <clipPath> 577 <rect width="20" height="20" fill="white"/> 578 </clipPath> 579 </defs> 580</svg> <svg class="hidden group-hover:block transition-all duration-300" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> 581 <path d="M12.8183 2.12305H3.18171C1.42727 2.12305 0 3.55488 0 5.31456V10.6863C0 12.4463 1.42727 13.8778 3.18171 13.8778H12.8183C14.5727 13.8778 16 12.446 16 10.6863V5.31456C16 3.55488 14.5727 2.12305 12.8183 2.12305ZM15.3469 10.6866C15.3469 12.0865 14.2126 13.2251 12.8183 13.2251H3.18171C1.78743 13.2251 0.653061 12.0862 0.653061 10.6866V5.31456C0.653061 3.91505 1.78743 2.77611 3.18171 2.77611H12.8183C14.2126 2.77611 15.3469 3.91505 15.3469 5.31456V10.6866Z" fill="white"/> 582 <path d="M10.8925 7.88195L6.36838 5.23216C6.26781 5.17338 6.14275 5.1724 6.0412 5.23053C5.93965 5.28865 5.87695 5.39673 5.87695 5.51395V10.8132C5.87695 10.9301 5.93965 11.0385 6.04087 11.0966C6.09116 11.1254 6.14732 11.1398 6.20348 11.1398C6.26063 11.1398 6.31744 11.1247 6.36838 11.095L10.8925 8.44587C10.9924 8.38742 11.0541 8.28 11.0541 8.16408C11.0541 8.04816 10.9927 7.9404 10.8925 7.88195ZM6.53001 10.2434V6.08342L10.0814 8.16375L6.53001 10.2434Z" fill="white"/> 583</svg> </a> 584 </div> 585 </nav> 586 </div> 587 </div> 588 589 <!-- About us contact detail --> 590 <div id="dropdownWrapper" class="hidden xl:block relative z-50 w-5 h-5"> 591 <button aria-label="Contact Modal" title="Contact Modal" id="dropdownButton" class="focus:outline-none focus:text-primary hover:text-primary cursor-pointer w-5 h-5"> 592 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""> 593 <g> 594 <path fill-rule="evenodd" d="M433.575 131.672c12.776 0 23.17-10.377 23.17-23.153s-10.394-23.153-23.17-23.153H78.42c-12.77 0-23.164 10.377-23.164 23.153s10.394 23.153 23.164 23.153zm0 248.6H78.42c-12.77 0-23.164 10.377-23.164 23.153 0 12.832 10.394 23.209 23.164 23.209h355.155c12.776 0 23.17-10.377 23.17-23.209-.001-12.775-10.395-23.153-23.17-23.153zm0-147.453H78.42c-12.77 0-23.164 10.377-23.164 23.153s10.394 23.153 23.164 23.153h355.155c12.776 0 23.17-10.377 23.17-23.153-.001-12.776-10.395-23.153-23.17-23.153z" clip-rule="evenodd" fill="#000000" opacity="1" data-original="#000000" class=""></path> 595 </g> 596 </svg> 597 </button> 598 <div id="customOverlay" class="fixed inset-0 z-50 bg-black/70 invisible opacity-0 pointer-events-none transition-opacity duration-300"></div> 599 <div id="dropdownContent" class="absolute right-0 mt-4 w-[488px] shadow-mdcustom bg-primary rounded-2xl opacity-0 group-hover:opacity-100 group-hover:visible invisible transition duration-200 z-50"> 600 <div class=" pt-[30px] px-10 pb-10"> 601 <div class="flex justify-between items-start w-full"> 602 <img src="https://prismecs.com/assets/images/prismecs_logo.svg" alt="Web Logo"> 603 <button aria-label="Close Dropdown" title="Close Dropdown" id="closeDropdownBtn" class="closeAbout cursor-pointer"> 604 <img src="https://prismecs.com/assets/images/close.svg" alt="close"> 605 </button> 606 </div> 607 <div class="flex flex-col items-start gap-[50px] mt-6"> 608 <p class="text-white font-lg font-montserrat-regular">With strategic locations and partners around the globe, PRISMECS is ready to deliver the supply chain and engineered solutions services you need no matter your operating environment.</p> 609 610 <div class="flex flex-col gap-2 items-start"> 611 <p class=" text-xl text-white font-montserrat-regular font-semibold">Contact Us</p> 612 <div class=" flex flex-col gap-3"> 613 <div class="text-white flex items-start gap-3 cursor-default">
614 <span class="bg-white rounded-[50px] p-2 "> 615 <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"> 616 <g clip-path="url(#clip0_4682_31335)"> 617 <path d="M8.54938 1.73829C8.37657 1.73704 8.23563 1.8761 8.23438 2.0486C8.23313 2.2211 8.37188 2.36204 8.5447 2.36329C8.7172 2.36454 8.85813 2.22579 8.85938 2.05329C8.86063 1.88079 8.72188 1.73985 8.54938 1.73829Z" fill="#243D81" /> 618 <path d="M8.53207 3.61334C7.32547 3.60477 6.33731 4.57818 6.32819 5.7844C6.31909 6.99056 7.29303 7.97919 8.49925 7.98828C8.50485 7.98831 8.51041 7.98835 8.516 7.98835C9.71454 7.98835 10.6941 7.01784 10.7031 5.81722C10.7122 4.61112 9.73832 3.62243 8.53207 3.61334ZM8.51594 7.36338C8.512 7.36338 8.50788 7.36334 8.50394 7.36331C7.64235 7.35681 6.94666 6.65062 6.95316 5.78909C6.95963 4.93143 7.65925 4.23824 8.51538 4.23824C8.51932 4.23824 8.52344 4.23828 8.52738 4.23831C9.38897 4.24481 10.0847 4.951 10.0782 5.81253C10.0717 6.67019 9.37207 7.36338 8.51594 7.36338Z" fill="#243D81" /> 619 <path d="M9.87794 1.97508C9.71538 1.9174 9.53666 2.00255 9.47897 2.16524C9.42132 2.32793 9.50647 2.50652 9.66913 2.56421C11.0456 3.05205 11.9629 4.36303 11.9519 5.82637C11.9507 5.99893 12.0895 6.1399 12.2621 6.14122C12.2629 6.14122 12.2637 6.14122 12.2645 6.14122C12.4359 6.14122 12.5756 6.00284 12.5769 5.83106C12.5899 4.10146 11.5053 2.55187 9.87794 1.97508Z" fill="#243D81" /> 620 <path d="M10.4332 12.2521C12.5117 9.57664 13.8107 8.18148 13.8282 5.84073C13.8502 2.89563 11.4601 0.488281 8.51525 0.488281C5.60475 0.488281 3.22543 2.84541 3.2033 5.76104C3.18543 8.16527 4.50853 9.55852 6.6014 12.2517C4.51937 12.5628 3.2033 13.3446 3.2033 14.3008C3.2033 14.9413 3.79537 15.5161 4.87046 15.9193C5.849 16.2862 7.14359 16.4883 8.51575 16.4883C9.88791 16.4883 11.1825 16.2862 12.161 15.9193C13.2361 15.5161 13.8282 14.9413 13.8282 14.3008C13.8282 13.3451 12.5134 12.5635 10.4332 12.2521ZM3.82827 5.76576C3.84777 3.19297 5.947 1.11328 8.51531 1.11328C11.114 1.11328 13.2226 3.23791 13.2032 5.83607C13.1866 8.05902 11.809 9.42892 9.60975 12.2959C9.21747 12.807 8.85722 13.2903 8.51622 13.763C8.17622 13.29 7.82316 12.8154 7.425 12.2957C5.13481 9.30871 3.81134 8.04233 3.82827 5.76576ZM8.51575 15.8633C5.8329 15.8633 3.82827 15.0384 3.82827 14.3008C3.82827 13.7538 5.02665 13.0628 7.04159 12.8235C7.487 13.4079 7.8775 13.9389 8.2605 14.4811C8.319 14.5639 8.41406 14.6132 8.51547 14.6133C8.51556 14.6133 8.51566 14.6133 8.51575 14.6133C8.61706 14.6133 8.7121 14.5642 8.77069 14.4815C9.15007 13.9463 9.55125 13.4023 9.99285 12.8239C12.0059 13.0634 13.2032 13.7542 13.2032 14.3008C13.2032 15.0384 11.1986 15.8633 8.51575 15.8633Z" fill="#243D81" /> 621 </g> 622 <defs> 623 <clipPath id="clip0_4682_31335"> 624 <rect width="16" height="16" fill="white" transform="translate(0.515625 0.488281)" /> 625 </clipPath> 626 </defs> 627 </svg> 628 </span> 629 <p class="text-base font-montserrat-regular font-normal cursor-pointer"> 630 11111 Katy Freeway, Suite <br /> 631 910, Houston TX 77079 632 </p> 633 </div> 634 <div class="text-white flex items-start gap-3 cursor-default"> 635 <span class="bg-white rounded-[50px] p-2 "> 636 <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"> 637 <path d="M7.31662 3.12092C7.33989 3.10782 7.33382 3.09961 7.41557 3.13813C7.49731 3.17685 7.62716 3.27756 7.75466 3.41563C8.00908 3.6941 8.26447 4.11591 8.39745 4.39438C8.40156 4.40357 8.40664 4.41159 8.41153 4.41961C8.78661 5.06611 8.94814 5.55989 8.95322 5.87083C8.9585 6.18098 8.87578 6.31493 8.61217 6.46629L7.93046 6.85858C7.48694 7.11378 7.2777 7.57118 7.22568 7.99788C7.17327 8.42478 7.2513 8.83955 7.44118 9.1675L9.12101 12.0629C9.31206 12.3901 9.63473 12.6646 10.0323 12.8332C10.4299 13.002 10.9326 13.0497 11.376 12.7947L12.0584 12.4043C12.3221 12.253 12.4793 12.2487 12.747 12.4082C13.0155 12.5678 13.3638 12.9531 13.7389 13.5992C13.7441 13.6086 13.7492 13.6166 13.7553 13.6258C13.9309 13.8788 14.1701 14.3098 14.2854 14.6687C14.3427 14.8474 14.3652 15.0089 14.358 15.0995C14.35 15.189 14.348 15.1789 14.3243 15.193L13.8071 15.4898C12.5067 16.055 11.3153 15.9279 10.2498 15.374C9.18104 14.82 8.25215 13.8168 7.60565 12.6402C7.6033 12.638 7.60252 12.6349 7.60037 12.6331L6.18454 10.192C6.18337 10.1889 6.18142 10.1869 6.18044 10.1836C5.47957 9.03843 5.0689 7.73642 5.11974 6.53943C5.17098 5.34419 5.6583 4.25378 6.80152 3.41523L7.31662 3.12092ZM7.73139 2.47168C7.50748 2.36706 7.19889 2.33635 6.94643 2.48185L6.39907 2.79689C6.38655 2.80393 6.37541 2.81116 6.36426 2.8182C5.04622 3.78268 4.43921 5.12517 4.38015 6.50931C4.32051 7.89267 4.7828 9.32042 5.54586 10.5685L6.95484 12.9953C6.95562 12.9953 6.95679 12.9953 6.95679 12.9963L6.95875 13.0025C7.66373 14.2801 8.67436 15.3885 9.90655 16.0288C11.1407 16.6692 12.6111 16.8176 14.1098 16.1641C14.1231 16.159 14.1354 16.1529 14.1476 16.1467L14.6953 15.8318C14.9478 15.6863 15.0753 15.4071 15.096 15.1621C1
6375.1173 14.916 15.0675 14.6794 14.9918 14.4444C14.8435 13.9799 14.587 13.5311 14.3734 13.2208C13.969 12.5277 13.5808 12.0451 13.1303 11.7768C12.6766 11.5065 12.132 11.5105 11.6877 11.7657L11.0052 12.157C10.804 12.2727 10.5697 12.2604 10.3235 12.156C10.0763 12.0512 9.84867 11.8409 9.76282 11.6945L8.083 8.79907C7.99813 8.6528 7.92988 8.35086 7.96156 8.08666C7.99402 7.8213 8.10021 7.6142 8.30143 7.49824L8.98197 7.10693C9.42646 6.85193 9.70337 6.38553 9.69496 5.8589C9.68577 5.33578 9.4601 4.75733 9.05628 4.05998C8.89279 3.72284 8.63153 3.27776 8.30339 2.91989C8.13697 2.73763 7.9551 2.5763 7.73139 2.47168Z" fill="#243D81" /> 638 </svg> 639 </span> 640 <p class="text-base font-montserrat-regular font-normal cursor-pointer"> 641 1 (888) PRISMEC <br /> 642 <a href="tel:18887747632">1 (888) 774 7632</a> 643 </p> 644 </div> 645 <div class="text-white hidden items-center gap-3 cursor-default"> 646 <span class="bg-white rounded-[50px] p-2 "> 647 <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"> 648 <g clip-path="url(#clip0_4682_31359)"> 649 <path d="M14.9379 3.37109H2.09324C1.22234 3.37207 0.516597 4.07781 0.515625 4.94871V12.0277C0.516597 12.8986 1.22234 13.6043 2.09324 13.6053H14.9379C15.8088 13.6044 16.5146 12.8986 16.5156 12.0277V4.94871C16.5146 4.07781 15.8088 3.37207 14.9379 3.37109ZM11.2953 8.4882L15.8446 4.65653C15.8751 4.75091 15.8906 4.8495 15.8906 4.94868V12.0277C15.8906 12.1268 15.8751 12.2254 15.8446 12.3198L11.2953 8.4882ZM14.9379 3.9961C15.1264 3.9959 15.3108 4.05197 15.4673 4.15713L8.51561 10.0124L1.56391 4.15713C1.72042 4.05197 1.90474 3.9959 2.09327 3.99613L14.9379 3.9961ZM1.18668 12.3199C1.15614 12.2255 1.14063 12.1269 1.14066 12.0277V4.94871C1.14063 4.84954 1.15617 4.75091 1.18668 4.65653L5.73586 8.4882L1.18668 12.3199ZM2.09324 12.9803C1.90474 12.9806 1.72042 12.9246 1.56391 12.8195L6.22094 8.89694L8.31428 10.6601C8.43059 10.758 8.6006 10.758 8.7169 10.6601L10.8102 8.89691L15.4672 12.8193C15.3107 12.9244 15.1264 12.9805 14.9378 12.9803H2.09324V12.9803Z" fill="#243D81" /> 650 </g> 651 <defs> 652 <clipPath id="clip0_4682_31359"> 653 <rect width="16" height="16" fill="white" transform="translate(0.515625 0.488281)" /> 654 </clipPath> 655 </defs> 656 </svg> 657 </span> 658 <a class="text-base font-montserrat-regular font-normal cursor-pointer" href="mailto:[email protected]">[email protected]</a> 659 </div> 660 </div> 661 </div> 662 <div class="flex flex-col gap-2 items-start"> 663 <p class=" text-xl text-white font-montserrat-regular font-semibold">Follow Us</p> 664 <div class=" flex items-center gap-2"> 665 666 <a 667 aria-labelledby="Facebook" 668 class="group p-2.5 rounded-full bg-transparent border border-white hover:bg-white inline-flex items-center justify-center transition-all duration-300" 669 href="https://web.facebook.com/Prismecs/" 670 target="_blank" 671 title="Facebook" 672 > 673 <!-- Default filled icon --> 674 <svg width="22" height="20" viewBox="0 0 22 20" class="transition-all duration-300 group-hover:hidden" fill="none" xmlns="http://www.w3.org/2000/svg"> 675 <path d="M13.0907 5.3452V6.48518H16.2256V10.0951H13.0907V19.5H8.34074V10.0951H5.30078V6.58018H8.34074C8.34074 4.68021 8.62574 3.92022 8.62574 3.82522C9.48072 0.405265 12.9007 0.500263 13.2807 0.500263H16.7006V3.92022H14.8007C13.3757 3.92022 13.0907 4.7752 13.0907 5.44019V5.3452Z" fill="white" /> 676</svg> <!-- Outlice icon appears on hover --> 677 <svg xmlns="http://www.w3.org/2000/svg" class="hidden group-hover:block transition-all duration-300" width="22" height="20" viewBox="0 0 20 20" fill="none"> 678 <g> 679 <path d="M14.0287 3.57506H15.9857V0.00217461H12.4293C12.1326 -0.0101698 8.51609 -0.0792983 7.57874 3.49523C7.56516 3.53268 7.2656 4.38279 7.2656 6.3686L4.01367 6.37847V10.1258L7.26972 10.1164V2
6790.0005H12.2433V10.125H15.5351V6.36777H12.2433V5.18559C12.2433 4.45069 12.5531 3.57506 14.0287 3.57506ZM14.7122 7.19032V9.30163H11.4203V19.1772H8.09268V9.29093L4.83663 9.30039V7.19896L8.10132 7.1895L8.09268 6.77102C8.04988 4.66754 8.34985 3.78286 8.36343 3.74047C9.1724 0.661778 12.2614 0.816494 12.3939 0.824724L15.1627 0.825547V2.75251H14.0287C12.1058 2.75251 11.4207 4.00917 11.4207 5.18518V7.19032H14.7122Z" class=" fill-primary"/> 680 </g> 681 <defs> 682 <clipPath> 683 <rect width="22" height="20" fill="white"/> 684 </clipPath> 685 </defs> 686</svg> 687 </a> 688 689 <a aria-labelledby="Instagram" class="group p-2.5 rounded-full bg-transparent border border-white hover:bg-white inline-flex items-center justify-center transition-all duration-300" href="https://www.instagram.com/prismecsllc/" target="_blank" title="Instagram"> 690 <!-- Default filled icon --> 691 <svg class="transition-all duration-300 group-hover:hidden" width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 692 <path d="M14.8 0.5H6.1C3.3 0.5 1 2.8 1 5.6V14.3C1 17.1 3.3 19.4 6.1 19.4H14.8C17.6 19.4 19.9 17.1 19.9 14.3V5.6C19.9 2.8 17.6 0.5 14.8 0.5ZM10.5 15.2C7.6 15.2 5.3 12.9 5.3 10C5.3 7.1 7.6 4.8 10.5 4.8C13.4 4.8 15.7 7.1 15.7 10C15.7 12.9 13.4 15.2 10.5 15.2ZM15.8 6C15 6 14.3 5.3 14.3 4.5C14.3 3.7 15 3 15.8 3C16.6 3 17.3 3.7 17.3 4.5C17.3 5.3 16.6 6 15.8 6Z" fill="white" /> 693 <path d="M10.5004 5.89844C8.20039 5.89844 6.40039 7.69844 6.40039 9.99844C6.40039 12.2984 8.20039 14.0984 10.5004 14.0984C12.8004 14.0984 14.6004 12.2984 14.6004 9.99844C14.6004 7.69844 12.8004 5.89844 10.5004 5.89844Z" fill="white" /> 694 <path d="M15.8004 4.09961C15.6004 4.09961 15.4004 4.29961 15.4004 4.49961C15.4004 4.69961 15.6004 4.89961 15.8004 4.89961C16.0004 4.89961 16.2004 4.69961 16.2004 4.49961C16.2004 4.29961 16.0004 4.09961 15.8004 4.09961Z" fill="white" /> 695</svg> <!-- Outlice icon appears on hover --> 696 <svg class="hidden group-hover:block transition-all duration-300" xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 20 20" fill="none"> 697 <g> 698 <path d="M14.717 19.4479H5.28188C4.02757 19.4465 2.82502 18.9476 1.93808 18.0607C1.05113 17.1737 0.552212 15.9712 0.550781 14.7169V5.28176C0.552212 4.02745 1.05113 2.82492 1.93808 1.93799C2.82502 1.05107 4.02757 0.552181 5.28188 0.550781H14.717C15.9714 0.552181 17.1739 1.05107 18.0608 1.93799C18.9478 2.82492 19.4467 4.02745 19.4481 5.28176V14.7169C19.4467 15.9712 18.9478 17.1738 18.0608 18.0607C17.1739 18.9476 15.9713 19.4465 14.717 19.4479ZM5.28188 1.33527C4.23556 1.33644 3.23243 1.75261 2.49256 2.49247C1.75269 3.23232 1.33651 4.23544 1.33531 5.28176V14.7169C1.33652 15.7632 1.75271 16.7664 2.49257 17.5062C3.23244 18.246 4.23557 18.6622 5.28188 18.6634H14.717C15.7634 18.6622 16.7665 18.246 17.5064 17.5062C18.2462 16.7663 18.6624 15.7632 18.6636 14.7169V5.28176C18.6624 4.23544 18.2462 3.23231 17.5063 2.49246C16.7665 1.7526 15.7633 1.33644 14.717 1.33527H5.28188Z" class=" fill-primary"/> 699 <path d="M9.99967 14.8314C9.04405 14.8314 8.10989 14.548 7.31533 14.0171C6.52076 13.4862 5.90147 12.7316 5.53577 11.8487C5.17007 10.9658 5.07438 9.99433 5.2608 9.05708C5.44723 8.11982 5.9074 7.2589 6.58311 6.58317C7.25883 5.90744 8.11975 5.44726 9.057 5.26082C9.99425 5.07438 10.9657 5.17005 11.8486 5.53574C12.7315 5.90143 13.4861 6.5207 14.017 7.31526C14.548 8.10982 14.8313 9.04397 14.8314 9.99959C14.8299 11.2806 14.3204 12.5087 13.4146 13.4146C12.5088 14.3204 11.2807 14.8299 9.99967 14.8314ZM9.99967 5.95246C9.19919 5.95244 8.41669 6.1898 7.75111 6.63451C7.08553 7.07922 6.56677 7.71131 6.26044 8.45085C5.9541 9.19039 5.87395 10.0042 6.03011 10.7893C6.18627 11.5744 6.57173 12.2955 7.13776 12.8615C7.70378 13.4276 8.42493 13.813 9.21003 13.9692C9.99512 14.1253 10.8089 14.0452 11.5484 13.7388C12.288 13.4325 12.9201 12.9138 13.3648 12.2482C13.8095 11.5826 14.0468 10.8001 14.0468 9.99962C14.0456 8.92661 13.6188 7.89789 12.8601 7.13916C12.1014 6.38043 11.0727 5.95367 9.99967 5.95246Z" class=" fill-primary"/> 700 <path d="M15.0061 5.93819C14.7279 5.93817 14.456 5.85566 14.2247 5.70109C13.9934 5.54652 13.8131 5.32684 13.7067 5.06981C13.6002 4.81279 13.5724 4.52997 13.6266 4.25712C13.6809 3.98427 13.8149 3.73365 14.0116 3.53694C14.2084 3.34023 14.459 3.20628 14.7318 3.15202C15.0047 3.09775 15.2875 3.12562 15.5445 3.23209C15.8015 3.33856 16.0212 3.51885 16.1758 3.75017C16.3303 3.98149 16.4128 4.25344 16.4128 4.53163C16.4124 4.90456 16.264 5.26209 16.0003 5.52578C15.7366 5.78947 15.3791 5.93779 15.0061 5.93819ZM15.0061 3.90945C14.8831 3.90945 14.7628 3.94594 14.6605 4.0143C14.5582 4.08266 14.4784 4.17982 14.4313 4.2935C14.3843 4.40718 14.3719 4.53227 14.3959 4.65295C14.4199 4.77364 14.4792 4.88449 14.5662 4.9715C14.6532 5.05851 14.764 5.11777 14.8847 5.14178C15.0054 5.16579 15.1305 5.15347 15.2442 5.10639C15.3579 5.05931 15.455 4.97957 15.5234 4.87727C15.5918 4.77496 15.6283 4.65468 15.6283 4.53163C15.6281 4.36669 15.5625 4.20855 15.4458 4.09191C15.3292 3.97527 15.1711 3.90965 15.0061 3.90945Z" class=" fill-primary"/> 701 </g>
702 <defs> 703 <clipPath> 704 <rect width="21" height="20" fill="white"/> 705 </clipPath> 706 </defs> 707</svg> </a> 708 709 <a aria-labelledby="Linkedin" class="group p-2.5 rounded-full bg-transparent border border-white hover:bg-white inline-flex items-center justify-center transition-all duration-300" href="https://www.linkedin.com/company/prismecs-llc/" target="_blank" title="LinkedIn"> 710 <svg class="transition-all duration-300 group-hover:hidden" width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 711 <path d="M6.2 6.29883H1V19.7988H6.2V6.29883Z" fill="white" /> 712 <path d="M6.2 2.79922C6.2 4.19922 5 5.39922 3.6 5.39922C2.2 5.39922 1 4.19922 1 2.79922C1 1.39922 2.2 0.199219 3.6 0.199219C5 0.199219 6.2 1.39922 6.2 2.79922Z" fill="white" /> 713 <path d="M21 11.3988V19.7988H15.8V12.3988C15.8 11.6988 15.2 11.0988 14.5 11.0988C13.8 11.0988 13.2 11.6988 13.2 12.3988V19.7988H8V6.29883H13.2V7.19883C14 6.59883 14.9 6.29883 15.9 6.29883C18.7 6.29883 21 8.59883 21 11.3988Z" fill="white" /> 714</svg> <svg xmlns="http://www.w3.org/2000/svg" class="hidden group-hover:block transition-all duration-300" width="22" height="20" viewBox="0 0 20 20" fill="none"> 715 <g> 716 <path d="M5.21739 19.7965H0V6.31836H5.21739V19.7965ZM0.869512 18.927H4.34788V7.18787H0.869512V18.927Z" class=" fill-primary"/> 717 <path d="M20.0005 19.7965H14.7831V12.4053C14.7831 11.6849 14.1991 11.1009 13.4788 11.1009C12.7583 11.1009 12.1744 11.6849 12.1744 12.4053V19.7965H6.95703V6.31836H12.1744V7.19329C12.9619 6.62391 13.9091 6.31772 14.8809 6.31836C17.7015 6.31836 20.0005 8.60638 20.0005 11.4216V19.7965ZM15.6526 18.927H19.1308V11.4216C19.1249 9.07943 17.223 7.18485 14.8809 7.18787C13.8103 7.18787 12.8048 7.63895 12.0548 8.45417L11.3048 9.2748V7.18787H7.82654V18.927H11.3048V12.4053C11.3048 11.2046 12.2781 10.2314 13.4788 10.2314C14.6793 10.2314 15.6526 11.2046 15.6526 12.4053V18.927Z" class=" fill-primary"/> 718 <path d="M2.6087 5.44786C1.16789 5.44786 0 4.27997 0 2.83916C0 1.39852 1.16789 0.230469 2.6087 0.230469C4.0495 0.230469 5.21739 1.39852 5.21739 2.83916C5.21437 4.27869 4.04822 5.44499 2.6087 5.44786ZM2.6087 1.10014C1.64827 1.10014 0.869512 1.87874 0.869512 2.83916C0.869512 3.79975 1.64827 4.57835 2.6087 4.57835C3.56912 4.57835 4.34788 3.79975 4.34788 2.83916C4.34788 1.87874 3.56912 1.10014 2.6087 1.10014Z" class=" fill-primary"/> 719 </g> 720 <defs> 721 <clipPath> 722 <rect width="22" height="20" fill="white"/> 723 </clipPath> 724 </defs> 725</svg> </a> 726 727 <a aria-labelledby="Twitter" class="group p-2.5 rounded-full bg-transparent border border-white hover:bg-white inline-flex items-center justify-center transition-all duration-300" href="https://twitter.com/PRISMECS" target="_blank" title="Twitter"> 728 <svg class="transition-all duration-300 group-hover:hidden" width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 729<path d="M11.1504 7.7L17.3504 0.5H15.8504L10.4504 6.8L6.15039 0.5H1.15039L7.65039 10L1.15039 17.5H2.65039L8.35039 10.9L12.8504 17.5H17.8504L11.1504 7.7ZM9.15039 10L8.45039 9.1L3.25039 1.6H5.55039L9.75039 7.6L10.4504 8.5L15.9504 16.4H13.6504L9.15039 10Z" fill="white"/> 730</svg> 731 <svg class="hidden group-hover:block transition-all duration-300" xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 18 18" fill="none"> 732 <g> 733 <path d="M10.5834 7.69834L16.7759 0.5H15.3085L9.93148 6.75022L5.63689 0.5H0.683594L7.17785 9.95144L0.683594 17.5H2.15111L7.82935 10.8996L12.3648 17.5H17.3181L10.583 7.69834H10.5834ZM8.57339 10.0347L7.91538 9.09356L2.67988 1.60472H4.93391L9.15902 7.64845L9.81702 8.5896L15.3092 16.4455H13.0551L8.57339 10.0351V10.0347Z" class=" fill-primary"/> 734 </g> 735 <defs> 736 <clipPath> 737 <rect width="17" height="17" fill="white" transform="translate(0.5 0.5)"/> 738 </clipPath> 739 </defs> 740</svg> </a> 741 742 <a aria-labelledby="Youtube" class="group p-2.5 rounded-full bg-transparent border border-white hover:bg-white inline-flex items-center justify-center transition-all duration-300" href="https://www.youtube.com/@prismecsofficial" target="_blank" title="YouTube"> 743 <svg class="transition-all duration-300 group-hover:hidden" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 744<g > 745<path d="M19.9772 6.23919C19.9772 6.23919 19.8397 4.86733 18.8809 3.92263C18.1222 3.06056 17.062 2.66698 16.2724 2.66698C13.4793 2.4601 9.97716 2.51968 9.97716 2.51968C9.97716 2.51968 6.32618 2.47856 3.5331 2.68544C2.31706 2.83897 1.64276 3.24203 0.886871 4.14679C0.200764 4.96802 0.0615108 6.11217 0.0615108 6.11217C0.0615108 6.11217 -0.0719792 7.10942 -0.0228358 9.3128V10.9335C-0.181175 13.243 0.142984 14.4367 0.142984 14.4367C0.142984 14.4367 0.543147 15.6466 1.24267 16.2917C1.73234 16.8669 2.7358 17.3818 3.18408 17.4853C4.77025 17.6576 9.97716 17.6921 9.97716 17.6921C9.97716 17.6921 13.7261 17.542 16.5192 17.3006C17.7939 17.0801 18.4226 16.7363 19.1368 15.8214C19.9819 14.7389 19.9819 13.6732 19.9819 13.6732C19.9819 13.6732 20.0079 12.8604 20.0079 11.1363V9.26477C20.0806 7.22172 19.9772 6.23919 19.9772 6.23919Z" fill="white"/> 746<path d="M7.58594 6.51758V14.0004L14.1377 10.3452L7.58594 6.51758Z" class=" fill-primary"/> 747</g> 748<defs> 749<clipPath id="clip0_6811_30408"> 750<rect width="20" height="20" fill="white"/> 751</clipPath> 752</defs> 753</svg> 754 <svg class="hidden group-hover:block transition-all duration-300" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
755 <path d="M16.0229 2.65234H3.97714C1.78408 2.65234 0 4.44214 0 6.64173V13.3564C0 15.5564 1.78408 17.3458 3.97714 17.3458H16.0229C18.2159 17.3458 20 15.556 20 13.3564V6.64173C20 4.44214 18.2159 2.65234 16.0229 2.65234ZM19.1837 13.3568C19.1837 15.1066 17.7657 16.5299 16.0229 16.5299H3.97714C2.23429 16.5299 0.816327 15.1062 0.816327 13.3568V6.64173C0.816327 4.89234 2.23429 3.46867 3.97714 3.46867H16.0229C17.7657 3.46867 19.1837 4.89234 19.1837 6.64173V13.3568Z" class=" fill-primary"/> 756 <path d="M13.617 9.85244L7.96194 6.5402C7.83623 6.46673 7.6799 6.4655 7.55296 6.53816C7.42602 6.61081 7.34766 6.74591 7.34766 6.89244V13.5165C7.34766 13.6626 7.42602 13.7982 7.55255 13.8708C7.61541 13.9067 7.68562 13.9247 7.75582 13.9247C7.82725 13.9247 7.89827 13.9059 7.96194 13.8688L13.617 10.5573C13.7419 10.4843 13.8191 10.35 13.8191 10.2051C13.8191 10.0602 13.7424 9.9255 13.617 9.85244ZM8.16398 12.8043V7.60428L12.6032 10.2047L8.16398 12.8043Z" class=" fill-primary"/> 757</svg> </a> 758 </div> 759 </div> 760 </div> 761 </div> 762 </div> 763 </div> 764 </div> 765 <!-- Searchbar container desktop--> 766 <div id="search_input_box" class="hidden space-x-6 text-lg font-medium text-black cursor-pointer w-full transition-all duration-500"> 767 <form action="https://prismecs.com/search" id="searchForm" class="relative"> 768 <div class="relative w-full"> 769 <input value="" type="text" name="search" id="search_box_container" class="px-[30px] py-2 border border-primary rounded-full w-full placeholder-grey-700 text-base focus-visible:outline-0" placeholder="Type words and hit enter" autofocus required /> 770 <button aria-label="Search" title="Search" type="submit" class="absolute top-3.5 right-[30px] border-l border-l-grey-800 pl-6 cursor-pointer"> 771 <svg id="search_icon_svg" xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewBox="0 0 17 18" fill="none"> 772 <path d="M16.2182 15.8375L11.753 11.3263C12.7649 10.05 13.2495 8.43404 13.107 6.811C12.9646 5.18795 12.2061 3.68126 10.9874 2.60099C9.76881 1.52072 8.18283 0.949032 6.55586 1.00357C4.92888 1.05811 3.38468 1.73473 2.241 2.89419C1.09733 4.05366 0.441192 5.60776 0.407606 7.23671C0.374019 8.86566 0.96554 10.4455 2.06045 11.6512C3.15535 12.8569 4.67035 13.5967 6.2937 13.7184C7.91704 13.8401 9.52523 13.3344 10.7873 12.3053L15.2233 16.7868C15.3488 16.9185 15.5213 16.9951 15.7031 16.9998C15.8849 17.0045 16.0611 16.9369 16.1932 16.8118C16.3248 16.6855 16.4013 16.5123 16.406 16.3298C16.4107 16.1474 16.3432 15.9704 16.2182 15.8375ZM6.75216 12.3589C5.58973 12.3586 4.46334 11.955 3.56491 11.2167C2.66648 10.4785 2.05159 9.4513 1.825 8.31018C1.59841 7.16906 1.77414 5.98461 2.32225 4.95862C2.87036 3.93264 3.75693 3.1286 4.83093 2.68348C5.90492 2.23837 7.09989 2.17973 8.21225 2.51754C9.3246 2.85536 10.2855 3.56873 10.9313 4.53613C11.577 5.50352 11.8677 6.66509 11.7537 7.82292C11.6398 8.98075 11.1282 10.0632 10.3063 10.8859C9.84055 11.3544 9.28664 11.7257 8.67658 11.9786C8.06653 12.2314 7.41244 12.3607 6.75216 12.3589Z" stroke-width="0.5" class=" fill-primary stroke-primary" /> 773 </svg> 774 </button> 775 </div> 776 <span id="error_search_box_container" class="text-red-500 text-xs mt-1 block absolute left-3" style="display:none"></span> 777 </form> 778 </div> 779 <!-- Close icon --> 780 <div id="close_box" class="w-full items-center pl-6 hidden"> 781 <button aria-label="Close Search" title="Close Search" id="close_icon" class="cursor-pointer"> 782 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" x="0" y="0" viewBox="0 0 128 128" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""> 783 <g> 784 <g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"> 785 <path d="M97.94 30.06 30.06 97.94M30.06 30.06l67.88 67.88" fill="" opacity="1"></path> 786 </g> 787 </g> 788 </svg> 789 </button> 790 </div> 791 </div> 792 </div> 793 </nav> 794 795 <!-- Overlay --> 796 <div id="search_overlay" class="fixed inset-0 bg-black/70 z-40 opacity-0 invisible transition-opacity duration-300"></div> 797 798 <style> 799 [x-cloak] { 800 display: none !important; 801 } 802</style> 803 804<section class="bg-center bg-no-repeat bg-cover pt-40 h-150 relative overflow-hidden" 805 style="background: linear-gradient(270deg, rgba(36, 61, 129, 0.00) 0%, #243D81 82.57%), url('https://prismecs.com/assets/images/heroImages/searchBanner.webp') center center / cover no-repeat;" 806 > 807 <div class="relative z-20 flex flex-col gap-2 justify-center max-w-82.5 md:max-w-112.5 lg:max-w-237 w-full text-white h-full container-margin cursor-default animate-hidden" data-anim="up"> 808 <h1 class="heading-lg text-white">About Us</h1> 809 <p class="text-base md:text-lg xl:text-heading-md text-white font-montserrat-regular"> 810 We deliver engineering solutions, which maximize performance across energy-critical industries. 811 </p> 812 </div> 813</section> 814 815<section class="container-padding py-7 md:py-10 lg:py-[60px] 2xl:py-20"> 816 <div class="grid grid-cols-1 xl:grid-cols-2 rounded-3xl gap-4 md:gap-10 lg:gap-[60px] 2xl:gap-[80px]"> 817 <div class=" justify-start relative"> 818 <img src="https://prismecs.com/assets/images/industries/engineer2.png" alt="Driving Sustainable Impact" class="rounded-3xl"> 819 </div> 820 <div class="flex flex-col justify-center"> 821 <div class="flex flex-col gap-4"> 822 <h2 class="heading-lg">ENGINEERING GLOBAL PROGRESS</h2> 823 <p class="text-lg md:text-xl lg:text-2xl font-montserrat">
823We build infrastructure that keeps energy, industry, and operations running with precision, efficiency, and long-term value.</p> 824 <p class="text-base lg:text-lg 2xl:text-xl/[34px] font-montserrat">Prismecs combines technical depth with global delivery to support every phase of industrial execution. From sourcing and engineering to commissioning and long-term maintenance, we provide systems and services that perform under pressure. Every project is handled with clarity, discipline, and outcome-focused execution. Our purpose is simple. Build what works. Deliver what lasts.</p> 825 </div> 826 <div class="flex mt-5 md:mt-[32px] lg:mt-10 2xl:mt-[60px]"> 827 <a href="https://prismecs.com/contact-us" id="industries_view" class="group bg-primary transition-all duration-500 hover:bg-accent cursor-pointer text-white font-montserrat hover:text-black pl-3 2xl:pl-5 pr-2 py-2 text-xs md:text-sm 2xl:text-base rounded-full flex items-center overflow-hidden capitalize"> 828 consult now 829 <span class="ml-2 inline-block transition-transform duration-500 group-hover:-rotate-45"> 830 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""> 831 <circle r="12" cx="12" cy="12" class="fill-white group-hover:fill-black transition-colors duration-500" shape="circle" transform="matrix(1,0,0,1,0,0)"></circle> 832 <g transform="matrix(0.6399999999999999,0,0,0.6399999999999999,4.3199615478515625,4.324424915313721)"> 833 <path d="m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z" class="fill-black group-hover:fill-white transition-colors duration-300" opacity="1"></path> 834 </g> 835 </svg> 836 </span> 837 </a> 838 </div> 839 </div> 840 </div> 841</section> 842 843<section class="container-padding pb-7 md:pb-10 lg:pb-[60px] 2xl:pb-20"> 844 <div class="grid grid-cols-1 xl:grid-cols-2 rounded-3xl gap-4 md:gap-10 lg:gap-[60px] 2xl:gap-[80px]"> 845 <div class="flex flex-col gap-4"> 846 <div class="flex flex-col gap-4"> 847 <h2 class="heading-lg">TRUSTED BY INDUSTRY LEADERSÂ </h2> 848 <p class="text-base lg:text-lg 2xl:text-xl/[34px] font-montserrat">Prismecs brings together engineering expertise, procurement strength, and 24-hour technical support. We integrate design, supply, and execution into a single accountable framework that meets performance benchmarks and exceeds delivery expectations.</p> 849 <div class="flex flex-col gap-7 md:gap-10"> 850 <ul class="flex flex-col font-montserrat"> 851 <li class="flex gap-5 items-start py-6 px-5"> 852 <img src="https://prismecs.com/assets/images/industries/Icons/exp_professional.svg" alt="svg"> 853 <div class="flex flex-col gap-2"> 854 <p class="text-lg md:text-xl lg:text-[22px]/[30px] text-primary">Expert and Professional</p> 855 <p class="text-xs md:text-base lg:text-xl font-montserrat">Proven specialists in power and industrial systems.</p> 856 </div> 857 </li> 858 <li class="flex gap-5 items-start py-6 px-5"> 859 <img src="https://prismecs.com/assets/images/industries/Icons/emergency_response.svg" alt="svg"> 860 <div class="flex flex-col gap-2"> 861 <p class="text-lg md:text-xl lg:text-[22px]/[30px] text-primary">24 Hour Emergency Response</p> 862 <p class="text-xs md:text-base lg:text-xl font-montserrat">Immediate support for outages and critical failures.</p> 863 </div> 864 </li> 865 <li class="flex gap-5 items-start py-6 px-5"> 866 <img src="https://prismecs.com/assets/images/industries/Icons/quality_execution.svg" alt="svg"> 867 <div class="flex flex-col gap-2"> 868 <p class="text-lg md:text-xl lg:text-[22px]/[30px] text-primary">High Quality Execution</p> 869 <p class="text-xs md:text-base lg:text-xl font-montserrat">Aligned to scope. Compliant with industry standards.</p> 870 </div> 871 </li> 872 </ul> 873 </div> 874 </div> 875 </div> 876 <div class="justify-start "> 877 <img src="https://prismecs.com/assets/images/industries/Aboutus1.jpg" alt="TRUSTED BY INDUSTRY LEADERSÂ "
877class="rounded-3xl"> 878 </div> 879 </div> 880</section> 881 882<div class="relative w-full h-[400px] md:h-[625px] overflow-hidden flex items-center text-center justify-center"> 883 <!-- Video Background --> 884 <video autoplay muted loop playsinline lazyload class="absolute top-0 left-0 w-full h-full object-cover"> 885 <source src="https://prismecs.com/assets/images/industries/industries_videos/about_us.mp4" type="video/mp4"> 886 </video> 887 888 <!-- Overlay --> 889 <div class="absolute top-0 left-0 w-full h-full bg-black/40"></div> 890 891 <!-- Content over video --> 892 <div class="relative z-10 flex items-center text-center justify-center max-w-[330px] md:max-w-[650px] 2xl:max-w-[850px] w-full text-white h-full container-margin cursor-default heading-xl services_content_shadow"> 893 Complete Energy Services. Global Impact. 894 </div> 895</div> 896<section class="container-padding py-7 md:py-10 lg:py-[60px] 2xl:py-20 grid grid-cols-1 lg:grid-cols-2"> 897 <div class="flex flex-col gap-4 cursor-default"> 898 <div class="flex flex-col gap-4 "> 899 <div class="flex flex-col gap-3 mb-3"> 900 <h2 class="heading-lg">SUPPORTING INDUSTRIAL OPERATORS</h2> 901 <p class="text-xs md:text-base lg:text-xl font-montserrat">We work with operators and asset owners in oil and gas, energy, petrochemicals, and more. Our support helps improve output, reduce downtime, and reinforce operational resilience across the project lifecycle.</p> 902 </div> 903 <div class="flex flex-col gap-6 pl-[30px] md:pl-0"> 904 <p class="text-theeme-blue text-4xl md:text-[50px] lg:text-[70px] xl:text-8xl hover:text-primary text-slide-color font-montserrat-bold">1,500+ MW</p> 905 <span class="font-montserrat text-xs md:text-base lg:text-lg 2xl:text-2xl capitalize">Project capacity</span> 906 </div> 907 <div class="border-b border-grey-475 flex justify-between lg:border-b-0 lg:justify-evenly"> 908 <div class="border-grey-475 border-r flex flex-col gap-1 lg:border-r-0 my-2 w-full px-[30px] md:px-0"> 909 <p class="text-theeme-blue text-4xl md:text-[55px] lg:text-[70px] xl:text-[80px] hover:text-primary text-slide-color font-montserrat-bold">40+</p> 910 <span class="font-montserrat text-xs md:text-base lg:text-lg capitalize">Projects</span> 911 </div> 912 <div class="flex flex-col gap-1 my-2 md:px-6 w-full items-center xl:items-start"> 913 <p class="text-theeme-blue text-4xl md:text-[55px] lg:text-[70px] xl:text-[80px] hover:text-primary text-slide-color font-montserrat-bold">1K+</p> 914 <span class="font-montserrat text-xs md:text-base lg:text-lg capitalize">Professional</span> 915 </div> 916 </div> 917 <div class="flex justify-between lg:justify-evenly pl-[30px] md:pl-0"> 918 <div class="border-grey-475 border-r flex flex-col gap-1 lg:border-r-0 my-2 w-full"> 919 <p class="text-theeme-blue text-4xl md:text-[55px] lg:text-[70px] xl:text-[80px] hover:text-primary text-slide-color font-montserrat-bold">04</p> 920 <span class="font-montserrat text-xs md:text-base lg:text-lg capitalize text-nowrap">HQ Regional offices</span> 921 </div> 922 <div class="flex flex-col gap-1 my-2 md:px-6 w-full items-center xl:items-start"> 923 <p class="text-theeme-blue text-4xl md:text-[55px] lg:text-[70px] xl:text-[80px] hover:text-primary text-slide-color font-montserrat-bold">15+</p> 924 <span class="font-montserrat text-xs md:text-base lg:text-lg capitalize">countries</span> 925 </div> 926 </div> 927 </div> 928 </div> 929 <div class="grid grid-cols-1 font-montserrat cursor-default xl:px-[30px]"> 930 <div x-data="{ selected: 'north-america' }" class="py-6"> 931 <!-- Tabs --> 932 <div class="flex flex-wrap gap-3 justify-start"> 933 <template x-for="region in ['north-america', 'europe', 'asia', 'middle-east', 'africa']" :key="region"> 934 <button 935 @click="selected = region" 936 :class="{ 937 'bg-black text-white': selected === region, 938 'border border-black text-black hover:text-white bg-transparent hover:bg-black': selected !== region 939 }" 940 class="px-4 py-2 rounded-full capitalize transition duration-300 text-sm md:text-base lg:text-lg cursor-pointer" 941 x-text="region.replace('-', ' ')"></button> 942 </template> 943 </div> 944 945 <!-- Image Switch (crossfade) --> 946 <div class="relative w-full mt-6 max-w-5xl mx-auto aspect-[16/9] sm:aspect-[4/3] overflow-hidden"> 947 <template x-for="region in ['north-america','europe','asia','middle-east','africa']" :key="region"> 948 <img 949 x-show="selected === region" 950 x-transition.opacity.duration.500ms 951 :src="{ 952 'north-america': 'https://prismecs.com/assets/images/map/northAmerica.jpg', 953 'europe': 'https://prismecs.com/assets/images/map/europe.jpg', 954 'asia': 'https://prismecs.com/assets/images/map/asia.jpg', 955 'middle-east': 'https://prismecs.com/assets/images/map/middleEast.jpg', 956 'africa': 'https://prismecs.com/assets/images/map/africa.jpg' 957 }[region]" 958 :alt="region" 959 class="absolute inset-0 w-full h-full object-contain" 960 > 961 </template> 962 </div> 963 </div> 964 965 </div> 966</section> 967 968<section class="container-padding pb-7 md:pb-10 lg:pb-[60px] 2xl:pb-20"> 969 <div class="flex flex-col justify-center text-center mb-7 md:mb-[40px] lg:mb-[60px] container-padding"> 970 <h2 class="heading-lg">CORE VALUES</h2> 971 <p class="text-base lg:text-lg 2xl:text-xl/[34px] font-montserrat">
971Prismecs delivers solutions for mission-critical infrastructure. Every decision, action, and outcome is grounded in these principles.</p> 972 </div> 973 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 rounded-3xl gap-5 items-center"> 974 <div class="flex flex-col justify-start items-start gap-4 rounded-3xl border border-grey-300 bg-grey-550 px-8 py-7"> 975 <img src="https://prismecs.com/assets/images/industries/Icons/exp_professional.svg" class="size-[60px]" alt=""> 976 <div class="flex flex-col gap-2"> 977 <p class="text-primary text-lg md:text-xl lg:text-[22px]/[30px] font-montserrat-bold">Excellence</p> 978 <p class="text-base lg:text-lg 2xl:text-xl/[34px] font-montserrat">We hold our work to the highest operational, technical, and safety standards. Precision is the baseline.</p> 979 </div> 980 </div> 981 <div class="flex flex-col justify-start items-start gap-4 rounded-3xl border border-grey-300 bg-grey-550 px-8 py-7"> 982 <img src="https://prismecs.com/assets/images/industries/Icons/Integrity.svg" alt=""> 983 <div class="flex flex-col gap-2"> 984 <p class="text-primary text-lg md:text-xl lg:text-[22px]/[30px] font-montserrat-bold">Integrity</p> 985 <p class="text-base lg:text-lg 2xl:text-xl/[34px] font-montserrat">We communicate clearly, act transparently, and take full responsibility for the results we deliver.</p> 986 </div> 987 </div> 988 <div class="flex flex-col justify-start items-start gap-4 roun
988ded-3xl border border-grey-300 bg-grey-550 px-8 py-7"> 989 <img src="https://prismecs.com/assets/images/industries/Icons/Innovation.svg" alt=""> 990 <div class="flex flex-col gap-2"> 991 <p class="text-primary text-lg md:text-xl lg:text-[22px]/[30px] font-montserrat-bold">Innovation</p> 992 <p class="text-base lg:text-lg 2xl:text-xl/[34px] font-montserrat">We engineer for tomorrow. Our teams adopt new methods, technologies, and practices that move industries forward.</p> 993 </div> 994 </div> 995 </div> 996</section> 997 998 999 1000<section class="container-padding py-7 md:py-10 lg:py-[60px] 2xl:py-20"> 1001 <div class="flex flex-col justify-center items-center text-center gap-1 cursor-default"> 1002 <h2 class="heading-lg">Frequently Asked Questions</h2> 1003 <div class="flex justify-between items-center font-montserrat-bold w-full"> 1004 <p class="text-lg leading-[34px] w-full">These are the questions we hear more often.</p> 1005 </div> 1006 </div> 1007 <div class="grid grid-cols-1 lg:grid-cols-12 pt-7 md:pt-[40px] lg:pt-[60px] gap-5 lg:gap-0"> 1008 <div class=" lg:col-span-8"> 1009 <div x-data="{ selected: null }"> 1010 <!-- FAQ Item --> 1011 <div class="border-b border-grey-300"> 1012 <button 1013 @click="selected !== 1 ? selected = 1 : selected = null" 1014 class="w-full text-left py-5 text-base md:text-lg lg:text-xl xl:text-2xl flex justify-between items-center transition-all duration-300 font-montserrat cursor-pointer"> 1015 <span :class="selected === 1 ? 'text-primary' : 'text-black'">
1016 What services does Prismecs provide to industrial clients? 1017 </span> 1018 <span> 1019 <template x-if="selected === 1"> 1020 <span class="text-lg"> 1021 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> 1022 <path d="M18.2656 6L6.26562 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 1023 <path d="M6.26562 6L18.2656 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 1024 </svg> 1025 </span> 1026 </template> 1027 <template x-if="selected !== 1"> 1028 <span class="text-lg"> 1029 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> 1030 <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2656 4C12.8179 4 13.2656 4.44772 13.2656 5V11H19.2656C19.8179 11 20.2656 11.4477 20.2656 12C20.2656 12.5523 19.8179 13 19.2656 13H13.2656V19C13.2656 19.5523 12.8179 20 12.2656 20C11.7133 20 11.2656 19.5523 11.2656 19V13H5.26562C4.71334 13 4.26562 12.5523 4.26562 12C4.26562 11.4477 4.71334 11 5.26562 11H11.2656V5C11.2656 4.44772 11.7133 4 12.2656 4Z" fill="black" /> 1031 </svg> 1032 </span> 1033 </template> 1034 </span> 1035 </button> 1036 <div 1037 x-show="selected === 1" 1038 x-collapse 1039 class="text-sm md:text-base lg:text-lg xl:text-xl text-black pb-5"> 1040 We cover the full asset life cycle, project development and feasibility studies, EPC execution, commissioning, long-term O&M, plant upgrades, digital monitoring, supply-chain management, and financing support. 1041 </div> 1042 </div> 1043 <div class="border-b border-grey-300" x-data="{ id: 2 }"> 1044 <button 1045 @click="selected !== id ? selected = id : selected = null" 1046 class="w-full text-left py-5 text-base md:text-lg lg:text-xl xl:text-2xl flex justify-between items-center transition-all duration-300 font-montserrat cursor-pointer"> 1047 <span :class="selected === id ? 'text-primary' : 'text-black'"> 1048 Is Prismecs involved in renewable-energy projects? 1049 </span> 1050 <span> 1051 <template x-if="selected === id"> 1052 <span class="text-lg"> 1053 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> 1054 <path d="M18.2656 6L6.26562 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 1055 <path d="M6.26562 6L18.2656 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 1056 </svg> 1057 </span> 1058 </template> 1059 <template x-if="selected !== id"> 1060 <span class="text-lg"> 1061 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> 1062 <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2656 4C12.8179 4 13.2656 4.44772 13.2656 5V11H19.2656C19.8179 11 20.2656 11.4477 20.2656 12C20.2656 12.5523 19.8179 13 19.2656 13H13.2656V19C13.2656 19.5523 12.8179 20 12.2656 20C11.7133 20 11.2656 19.5523 11.2656 19V13H5.26562C4.71334 13 4.26562 12.5523 4.26562 12C4.26562 11.4477 4.71334 11 5.26562 11H11.2656V5C11.2656 4.44772 11.7133 4 12.2656 4Z" fill="black" /> 1063 </svg> 1064 </span> 1065 </template> 1066 </span> 1067 </button> 1068 <div 1069 x-show="selected === id" 1070 x-collapse 1071 class="text-sm md:text-base lg:text-lg xl:text-xl text-black pb-5"> 1072 Yes, Prismecs is involved in renewable-energy projects. We engineer, build, and maintain solar, wind, hydro, geothermal, and battery-storage assets worldwide. 1073 </div> 1074 </div> 1075 <div class="border-b border-grey-300" x-data="{ id: 3 }"> 1076 <button 1077 @click="selected !== id ? selected = id : selected = null" 1078 class="w-full text-left py-5 text-base md:text-lg lg:text-xl xl:text-2xl flex justify-between items-center transition-all duration-300 font-montserrat cursor-pointer"> 1079 <span :class="selected === id ? 'text-primary' : 'text-black'"> 1080 Does Prismecs support both new projects and ongoing operations? 1081 </span> 1082 <span> 1083 <template x-if="selected === id"> 1084 <span class="text-lg"> 1085 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> 1086 <path d="M18.2656 6L6.26562 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 1087 <path d="M6.26562 6L18.2656 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 1088 </svg> 1089 </span> 1090 </template> 1091 <template x-if="selected !== id"> 1092 <span class="text-lg"> 1093 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> 1094 <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2656 4C12.8179 4 13.2656 4.44772 13.2656 5V11H19.2656C19.8179 11 20.2656 11.4477 20.2656 12C20.2656 12.5523 19.8179 13 19.2656 13H13.2656V19C13.2656 19.5523 12.8179 20 12.2656 20C11.7133 20 11.2656 19.5523 11.2656 19V13H5.26562C4.71334 13 4.26562 12.5523 4.26562 12C4.26562 11.4477 4.71334 11 5.26562 11H11.2656V5C11.2656 4.44772 11.7133 4 12.2656 4Z" fill="black" /> 1095 </svg> 1096 </span> 1097 </template> 1098 </span> 1099 </button> 1100 <div 1101 x-show="selected === id" 1102 x-collapse 1103 class="text-sm md:text-base lg:text-lg xl:text-xl text-black pb-5"> 1104 Absolutely, Prismecs supports both new projects and ongoing operations. We handle green-field construction as well as day-to-day operations, maintenance, and performance-improvement programs for existing plants. 1105 </div>
1106 </div> 1107 <div class="border-b border-grey-300" x-data="{ id: 4 }"> 1108 <button 1109 @click="selected !== id ? selected = id : selected = null" 1110 class="w-full text-left py-5 text-base md:text-lg lg:text-xl xl:text-2xl flex justify-between items-center transition-all duration-300 font-montserrat cursor-pointer"> 1111 <span :class="selected === id ? 'text-primary' : 'text-black'"> 1112 How does Prismecs ensure quality and reliability in its services? 1113 </span> 1114 <span> 1115 <template x-if="selected === id"> 1116 <span class="text-lg"> 1117 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> 1118 <path d="M18.2656 6L6.26562 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 1119 <path d="M6.26562 6L18.2656 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 1120 </svg> 1121 </span> 1122 </template> 1123 <template x-if="selected !== id"> 1124 <span class="text-lg"> 1125 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> 1126 <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2656 4C12.8179 4 13.2656 4.44772 13.2656 5V11H19.2656C19.8179 11 20.2656 11.4477 20.2656 12C20.2656 12.5523 19.8179 13 19.2656 13H13.2656V19C13.2656 19.5523 12.8179 20 12.2656 20C11.7133 20 11.2656 19.5523 11.2656 19V13H5.26562C4.71334 13 4.26562 12.5523 4.26562 12C4.26562 11.4477 4.71334 11 5.26562 11H11.2656V5C11.2656 4.44772 11.7133 4 12.2656 4Z" fill="black" /> 1127 </svg> 1128 </span> 1129 </template> 1130 </span> 1131 </button> 1132 <div 1133 x-show="selected === id" 1134 x-collapse 1135 class="text-sm md:text-base lg:text-lg xl:text-xl text-black pb-5"> 1136 Our work is governed by an ISO 9001:2015 quality-management system with documented QA/QC checkpoints, third-party inspections, and performance-guarantee validation. 1137 </div> 1138 </div> 1139 <div class="border-b border-grey-300" x-data="{ id: 5 }"> 1140 <button 1141 @click="selected !== id ? selected = id : selected = null" 1142 class="w-full text-left py-5 text-base md:text-lg lg:text-xl xl:text-2xl flex justify-between items-center transition-all duration-300 font-montserrat cursor-pointer"> 1143 <span :class="selected === id ? 'text-primary' : 'text-black'"> 1144 What experience does Prismecs have with large-scale industrial projects? 1145 </span> 1146 <span> 1147 <template x-if="selected === id"> 1148 <span class="text-lg"> 1149 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> 1150 <path d="M18.2656 6L6.26562 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 1151 <path d="M6.26562 6L18.2656 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 1152 </svg> 1153 </span> 1154 </template> 1155 <template x-if="selected !== id"> 1156 <span class="text-lg"> 1157 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> 1158 <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2656 4C12.8179 4 13.2656 4.44772 13.2656 5V11H19.2656C19.8179 11 20.2656 11.4477 20.2656 12C20.2656 12.5523 19.8179 13 19.2656 13H13.2656V19C13.2656 19.5523 12.8179 20 12.2656 20C11.7133 20 11.2656 19.5523 11.2656 19V13H5.26562C4.71334 13 4.26562 12.5523 4.26562 12C4.26562 11.4477 4.71334 11 5.26562 11H11.2656V5C11.2656 4.44772 11.7133 4 12.2656 4Z" fill="black" /> 1159 </svg> 1160 </span> 1161 </template> 1162 </span> 1163 </button> 1164 <div 1165 x-show="selected === id" 1166 x-collapse 1167 class="text-sm md:text-base lg:text-lg xl:text-xl text-black pb-5"> 1168 Since 2016 weâve executed more than 15 projects totaling over 1,500 MW of installed capacity across multiple continents, including combined-cycle, wind, and solar facilities. 1169 </div> 1170 </div> 1171 </div> 1172 </div> 1173 <div class="lg:col-span-4 flex justify-center lg:justify-end items-start"> 1174 <div class="flex flex-col justify-center items-center gap-4 md:gap-10 text-center bg-lightBlue-80 rounded-3xl px-8 py-5 md:py-[70px] max-w-[320px]"> 1175 <div class="flex flex-col gap-4"> 1176 <p class=" font-montserrat-bold text-base md:text-lg lg:text-xl xl:text-2xl">Donât see the answer you need?</p> 1177 <p class=" font-montserrat text-sm md:text-base lg:text-lg xl:text-xl">Just drop a message and we will get back to you ASAP.</p> 1178 </div> 1179 <div class="flex"> 1180 <a href="https://prismecs.com/contact-us" id="industries_view" class="group bg-primary transition-all duration-500 hover:bg-accent cursor-pointer text-white font-montserrat hover:text-black pl-3 2xl:pl-5 pr-2 py-2 text-xs md:text-sm 2xl:text-base rounded-full flex items-center overflow-hidden capitalize"> 1181 Contact Us 1182 <span class="ml-2 inline-block transition-transform duration-500 group-hover:-rotate-45"> 1183 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""> 1184 <circle r="12" cx="12" cy="12" class="fill-white group-hover:fill-black transition-colors duration-500" shape="circle" transform="matrix(1,0,0,1,0,0)"></circle> 1185 <g transform="matrix(0.6399999999999999,0,0,0.6399999999999999,4.3199615478515625,4.324424915313721)"> 1186 <path d="m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z" class="fill-black group-hover:fill-white transition-colors duration-300" opacity="1"></path> 1187 </g> 1188 </svg> 1189 </span> 1190 </a> 1191 </div> 1192 </div> 1193 </div> 1194 </div> 1195</section> 1196 1197<section class="container-padding pb-7 md:pb-[40px] lg:pb-[60px] 2xl:pb-[80px]"> 1198 <div class="py-7 px-4 sm:px-6 md:px-10 md:py-9 lg:p-17.5 2xl:p-25 rounded-3xl items-center bg-cover bg-center overflow-hidden min-h-105 md:min-
1198h-120 lg:min-h-140" 1199style="background-image: url('https://prismecs.com/assets/images/home-page/cta_section.png');"> 1200 <div class="flex flex-col gap-4 max-w-200"> 1201 <div class="flex flex-col gap-3 md:gap-4 animate-hidden text-white" data-anim="up"> 1202 <h3 class="heading-lg text-white">TALK TO AN EXPERT</h3> 1203 <p class="p-body font-montserrat-regular text-white max-w-2xl">Need to reduce downtime, meet safety standards, or secure critical components? Prismecs delivers fast, compliant solutions for plant operations and turbine systems. </p> 1204 <div class="flex flex-col gap-6 md:gap-8 lg:gap-15"> 1205 <div class="flex flex-col gap-3 md:gap-4 font-montserrat-regular max-w-2xl"> 1206 <div class="relative flex items-start gap-2.5 md:gap-3"> 1207 <span class="absolute left-2 top-4 -bottom-3 md:left-2.5 md:top-5 md:-bottom-4 lg:left-3 lg:top-6 lg:-bottom-5 border-l-2 border-dashed border-black/25"></span> 1208 <img src="https://prismecs.com/assets/images/yellow_tick.svg" alt="" class="relative z-10 w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 mt-0.5 shrink-0"> 1209 <p class="text-xs/4.5 md:text-base/6 lg:text-xl/[30px] capitalize">Gas and Steam Turbine Parts </p> 1210 </div> 1211 <div class="relative flex items-start gap-2.5 md:gap-3"> 1212 <span class="absolute left-2 top-4 -bottom-3 md:left-2.5 md:top-5 md:-bottom-4 lg:left-3 lg:top-6 lg:-bottom-5 border-l-2 border-dashed border-black/25"></span> 1213 <img src="https://prismecs.com/assets/images/yellow_tick.svg" alt="" class="relative z-10 w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 mt-0.5 shrink-0"> 1214 <p class="text-xs/4.5 md:text-base/6 lg:text-xl/[30px] capitalize">Turbine Control and Auxiliary Systems </p> 1215 </div> 1216 <div class="relative flex items-start gap-2.5 md:gap-3"> 1217 <img src="https://prismecs.com/assets/images/yellow_tick.svg" alt="" class="relative z-10 w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 mt-0.5 shrink-0"> 1218 <p class="text-xs/4.5 md:text-base/6 lg:text-xl/[30px] capitalize">Certified Replacement Parts</p> 1219 </div> 1220 </div> 1221 <div class="flex "> 1222 <a title="letâs get connected" href="https://prismecs.com/contact-us" id="industries_view" class="group bg-white transition-all duration-500 hover:bg-accent cursor-pointer text-primary font-montserrat hover:text-black pl-3 2xl:pl-5 pr-2 py-1.5 md:py-2 text-xs md:text-sm 2xl:text-base rounded-full inline-flex items-center max-w-full overflow-hidden capitalize"> 1223 letâs get connected 1224 <span class="ml-2 inline-block shrink-0 transition-transform duration-500 group-hover:-rotate-45"> 1225 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class="w-5 h-5 md:w-6 md:h-6"> 1226 <circle r="12" cx="12" cy="12" class="fill-primary group-hover:fill-black transition-colors duration-500" shape="circle" transform="matrix(1,0,0,1,0,0)"></circle> 1227 <g transform="matrix(0.6399999999999999,0,0,0.6399999999999999,4.3199615478515625,4.324424915313721)"> 1228 <path d="m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z" class="fill-white transition-colors duration-300" opacity="1"></path> 1229 </g> 1230 </svg> 1231 </span> 1232 </a> 1233 </div> 1234 </div> 1235 </div> 1236 </div> 1237</div> 1238</section> 1239 1240 1241 1242 <footer class="pt-7 md:pt-[40px] lg:pt-[60px] 2xl:pt-[100px] container-padding pb-5 theme-default footer-theme" >
1243 <div class="grid grid-cols-2 lg:grid-cols-4 gap-5 xl:gap-[60px]"> 1244 <!-- Services --> 1245 <div class="flex flex-col gap-2 md:gap-4 lg:gap-6 items-start"> 1246 <h4 class="text-xl md:text-[32px] text-white capitalize cursor-default">Solutions</h4> 1247 <ul> 1248 <li> 1249 <a href="https://prismecs.com/epcm-services" class="underline-hover font-montserrat-regular hover:font-montserrat text-xs md:text-sm lg:text-base/[30px] text-white font-normal">EPCM Services</a> 1250 </li> 1251 <li> 1252 <a href="https://prismecs.com/om-services" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">O&M Services</a> 1253 </li> 1254 <li> 1255 <a href="https://prismecs.com/ic-services" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">I&C Services</a> 1256 </li> 1257 <li> 1258 <a href="https://prismecs.com/owners-engineer" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Owner's Engineering Services</a> 1259 </li> 1260 <li> 1261 <a href="https://prismecs.com/power-generation-services" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Power Generation Assets Services</a> 1262 </li> 1263 <li> 1264 <a href="https://prismecs.com/distributed-energy" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Distributed Energy Solutions</a> 1265 </li> 1266 <li> 1267 <a href="https://prismecs.com/technology-consulting" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Technology and Consulting</a> 1268 </li> 1269 <li> 1270 <a href="https://prismecs.com/industrial-supply-chain-solutions" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Supply Chain Solutions</a> 1271 </li> 1272 <li> 1273 <a href="https://prismecs.com/equipments-marketing-solution" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Equipment(s) Marketing Solutions</a> 1274 </li> 1275 <li> 1276 <a href="https://prismecs.com/finance" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Financing Solutions</a> 1277 </li> 1278 </ul> 1279 </div> 1280 <!-- Industries --> 1281 <div class="flex flex-col gap-2 md:gap-4 lg:gap-6 items-start"> 1282 <h4 class=" text-xl md:text-[32px] text-white capitalize cursor-default">Industries</h4> 1283 <ul> 1284 <li> 1285 <a href="https://prismecs.com/power-utilities" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Power Utilities</a> 1286 </li> 1287 <li> 1288 <a href="https://prismecs.com/oil-gas" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Oil and Gas</a> 1289 </li> 1290 <li> 1291 <a href="https://prismecs.com/data-center" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Data Centers</a> 1292 </li> 1293 <li> 1294 <a href="https://prismecs.com/healthcare-power" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Healthcare Power</a> 1295 </li> 1296 <li> 1297 <a href="https://prismecs.com/metal-and-mining" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Metal & Mining</a> 1298 </li> 1299 <li> 1300 <a href="https://prismecs.com/petrochemical-engineering-services" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Petrochemicals</a> 1301 </li> 1302 <li> 1303 <a href="https://prismecs.com/commercial-industrial" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Commercial & Industrial</a> 1304 </li> 1305 <li> 1306 <a href="https://prismecs.com/telecommunication" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Telecommunications</a> 1307 </li> 1308 <li> 1309 <a href="https://prismecs.com/e-mobility" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">E-mobility</a> 1310 </li> 1311 <li> 1312 <a href="https://prismecs.com/renewable-energy" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Renewable Energy</a> 1313 </li> 1314 </ul> 1315 </div> 1316 <!-- About Us --> 1317 <div class="flex flex-col gap-2 md:gap-4 lg:gap-6 items-start"> 1318 <h4 class=" text-xl md:text-[32px] text-white capitalize cursor-default">About us</h4> 1319 <ul> 1320 <li> 1321 <a href="https://prismecs.com/about-us" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Who We Are</a> 1322 </li> 1323 <li> 1324 <a href="https://prismecs.com/sustainabilty" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Sustainability</a> 1325 </li> 1326 <li> 1327 <a href="https://prismecs.com/careers" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Careers</a> 1328 </li> 1329 </ul> 1330 </div> 1331 <!-- Resources --> 1332 <div class="flex flex-col gap-2 md:gap-4 lg:gap-6 items-start"> 1333 <h4 class=" text-xl md:text-[32px] text-white capitalize cursor-default">resources</h4> 1334 <ul> 1335 <li> 1336 <a href="https://prismecs.com/news-events" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">News & Events</a> 1337 </li> 1338 <li> 1339 <a href="https://prismecs.com/blogs-articles" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Blogs & Articles</a> 1340 </li> 1341 <li> 1342 <a href="https://prismecs.com/case-studies" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Case Study</a> 1343 </li> 1344 <li> 1345 <a href="https://prismecs.com/brochures" class="font-montserrat-regular hover:font-montserrat underline-hover text-xs md:text-sm lg:text-base/[30px] text-white font-normal">Brochures</a> 1346 </li> 1347 </ul> 1348 </div> 1349 </div> 1350 <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-
13505 xl:gap-15 my-7 lg:my-15"> 1351 <!-- For newsletter --> 1352 <div class="flex flex-col gap-2 md:gap-4 lg:gap-6 items-start"> 1353 <h4 class=" text-xl md:text-[32px] text-white capitalize cursor-default">For newsletter</h4> 1354 <div class="flex flex-col gap-8 w-full"> 1355 <div class="flex flex-col gap-2"> 1356 <form action="https://prismecs.com/subscribe-news-letter" class="flex flex-col gap-3" method="post" id="news-letter"> 1357 <div class="relative w-full xl:w-70 2xl:w-75 input_news_letter"> 1358 <input type="email" name="news_letter_email" id="news_letter_email" placeholder="Your email address" class="px-5 py-3.75 text-grey-400 text-sm font-montserrat-regular font-normal rounded-[80px] bg-grey-500 focus:outline-none focus:border-grey-500 w-full xl:w-70 2xl:w-75 h-12.5" /> 1359 <div class="absolute right-0 top-0 h-full flex items-center pr-4"> 1360 <button aria-label="Submit newsletter" 1361 id="btn-submit-news-letter" type="submit"> 1362 <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"> 1363 <path fill-rule="evenodd" clip-rule="evenodd" d="M17.6866 1.56735C17.8903 1.77108 17.9593 2.0735 17.8641 2.34544L12.6141 17.3454C12.5126 17.6357 12.2441 17.8345 11.9368 17.8471C11.6296 17.8596 11.3458 17.6833 11.2209 17.4023L8.33805 10.9159L1.85165 8.03304C1.57064 7.90814 1.39434 7.62436 1.40688 7.3171C1.41941 7.00985 1.61824 6.74137 1.90849 6.63978L16.9085 1.38978C17.1804 1.2946 17.4829 1.36362 17.6866 1.56735ZM9.80081 10.5138L11.8233 15.0644L15.3627 4.95194L9.80081 10.5138ZM14.302 3.89128L4.18956 7.43063L8.74015 9.45312L14.302 3.89128Z" fill="white" /> 1364 </svg> 1365 </button> 1366 </div> 1367 </div> 1368 <div class="checkbox_agree_policy"> 1369 <label for="agree_for_policy" class="flex items-center gap-3"> 1370 <input type="checkbox" name="agree_for_policy" id="agree_for_policy" class="accent-primary mb-1 border border-grey-125" required> 1371 <span class="text-white text-base font-normal font-montserrat-regular">I agree to the privacy policy</span> 1372 </label> 1373 </div> 1374 </form> 1375 </div> 1376 <div class="flex items-center gap-2"> 1377 1378 <a 1379 aria-label="Facebook" 1380 class="group p-2.5 rounded-full bg-transparent border border-white hover:bg-white inline-flex items-center justify-center transition-all duration-300" 1381 href="https://web.facebook.com/Prismecs/" 1382 target="_blank" 1383 title="Facebook"> 1384 <!-- Default filled icon --> 1385 <svg width="22" height="20" viewBox="0 0 22 20" class="transition-all duration-300 group-hover:hidden" fill="none" xmlns="http://www.w3.org/2000/svg"> 1386 <path d="M13.0907 5.3452V6.48518H16.2256V10.0951H13.0907V19.5H8.34074V10.0951H5.30078V6.58018H8.34074C8.34074 4.68021 8.62574 3.92022 8.62574 3.82522C9.48072 0.405265 12.9007 0.500263 13.2807 0.500263H16.7006V3.92022H14.8007C13.3757 3.92022 13.0907 4.7752 13.0907 5.44019V5.3452Z" fill="white" /> 1387</svg> <!-- Outlice icon appears on hover --> 1388 <svg xmlns="http://www.w3.org/2000/svg" class="hidden group-hover:block transition-all duration-300" width="22" height="20" viewBox="0 0 20 20" fill="none"> 1389 <g> 1390 <path d="M14.0287 3.57506H15.9857V0.00217461H12.4293C12.1326 -0.0101698 8.51609 -0.0792983 7.57874 3.49523C7.56516 3.53268 7.2656 4.38279 7.2656 6.3686L4.01367 6.37847V10.1258L7.26972 10.1164V20.0005H12.2433V10.125H15.5351V6.36777H12.2433V5.18559C12.2433 4.45069 12.5531 3.57506 14.0287 3.57506ZM14.7122 7.19032V9.30163H11.4203V19.1772H8.09268V9.29093L4.83663 9.30039V7.19896L8.10132 7.1895L8.09268 6.77102C8.04988 4.66754 8.34985 3.78286 8.36343 3.74047C9.1724 0.661778 12.2614 0.816494 12.3939 0.824724L15.1627 0.825547V2.75251H14.0287C12.1058 2.75251 11.4207 4.00917 11.4207 5.18518V7.19032H14.7122Z" class=" fill-primary"/> 1391 </g>
1392 <defs> 1393 <clipPath> 1394 <rect width="22" height="20" fill="white"/> 1395 </clipPath> 1396 </defs> 1397</svg> 1398 </a> 1399 1400 <a aria-label="Instagram" class="group p-2.5 rounded-full bg-transparent border border-white hover:bg-white inline-flex items-center justify-center transition-all duration-300" href="https://www.instagram.com/prismecsllc/" target="_blank" title="Instagram"> 1401 <!-- Default filled icon --> 1402 <svg class="transition-all duration-300 group-hover:hidden" width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1403 <path d="M14.8 0.5H6.1C3.3 0.5 1 2.8 1 5.6V14.3C1 17.1 3.3 19.4 6.1 19.4H14.8C17.6 19.4 19.9 17.1 19.9 14.3V5.6C19.9 2.8 17.6 0.5 14.8 0.5ZM10.5 15.2C7.6 15.2 5.3 12.9 5.3 10C5.3 7.1 7.6 4.8 10.5 4.8C13.4 4.8 15.7 7.1 15.7 10C15.7 12.9 13.4 15.2 10.5 15.2ZM15.8 6C15 6 14.3 5.3 14.3 4.5C14.3 3.7 15 3 15.8 3C16.6 3 17.3 3.7 17.3 4.5C17.3 5.3 16.6 6 15.8 6Z" fill="white" /> 1404 <path d="M10.5004 5.89844C8.20039 5.89844 6.40039 7.69844 6.40039 9.99844C6.40039 12.2984 8.20039 14.0984 10.5004 14.0984C12.8004 14.0984 14.6004 12.2984 14.6004 9.99844C14.6004 7.69844 12.8004 5.89844 10.5004 5.89844Z" fill="white" /> 1405 <path d="M15.8004 4.09961C15.6004 4.09961 15.4004 4.29961 15.4004 4.49961C15.4004 4.69961 15.6004 4.89961 15.8004 4.89961C16.0004 4.89961 16.2004 4.69961 16.2004 4.49961C16.2004 4.29961 16.0004 4.09961 15.8004 4.09961Z" fill="white" /> 1406</svg> <!-- Outlice icon appears on hover --> 1407 <svg class="hidden group-hover:block transition-all duration-300" xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 20 20" fill="none"> 1408 <g> 1409 <path d="M14.717 19.4479H5.28188C4.02757 19.4465 2.82502 18.9476 1.93808 18.0607C1.05113 17.1737 0.552212 15.9712 0.550781 14.7169V5.28176C0.552212 4.02745 1.05113 2.82492 1.93808 1.93799C2.82502 1.05107 4.02757 0.552181 5.28188 0.550781H14.717C15.9714 0.552181 17.1739 1.05107 18.0608 1.93799C18.9478 2.82492 19.4467 4.02745 19.4481 5.28176V14.7169C19.4467 15.9712 18.9478 17.1738 18.0608 18.0607C17.1739 18.9476 15.9713 19.4465 14.717 19.4479ZM5.28188 1.33527C4.23556 1.33644 3.23243 1.75261 2.49256 2.49247C1.75269 3.23232 1.33651 4.23544 1.33531 5.28176V14.7169C1.33652 15.7632 1.75271 16.7664 2.49257 17.5062C3.23244 18.246 4.23557 18.6622 5.28188 18.6634H14.717C15.7634 18.6622 16.7665 18.246 17.5064 17.5062C18.2462 16.7663 18.6624 15.7632 18.6636 14.7169V5.28176C18.6624 4.23544 18.2462 3.23231 17.5063 2.49246C16.7665 1.7526 15.7633 1.33644 14.717 1.33527H5.28188Z" class=" fill-primary"/> 1410 <path d="M9.99967 14.8314C9.04405 14.8314 8.10989 14.548 7.31533 14.0171C6.52076 13.4862 5.90147 12.7316 5.53577 11.8487C5.17007 10.9658 5.07438 9.99433 5.2608 9.05708C5.44723 8.11982 5.9074 7.2589 6.58311 6.58317C7.25883 5.90744 8.11975 5.44726 9.057 5.26082C9.99425 5.07438 10.9657 5.17005 11.8486 5.53574C12.7315 5.90143 13.4861 6.5207 14.017 7.31526C14.548 8.10982 14.8313 9.04397 14.8314 9.99959C14.8299 11.2806 14.3204 12.5087 13.4146 13.4146C12.5088 14.3204 11.2807 14.8299 9.99967 14.8314ZM9.99967 5.95246C9.19919 5.95244 8.41669 6.1898 7.75111 6.63451C7.08553 7.07922 6.56677 7.71131 6.26044 8.45085C5.9541 9.19039 5.87395 10.0042 6.03011 10.7893C6.18627 11.5744 6.57173 12.2955 7.13776 12.8615C7.70378 13.4276 8.42493 13.813 9.21003 13.9692C9.99512 14.1253 10.8089 14.0452 11.5484 13.7388C12.288 13.4325 12.9201 12.9138 13.3648 12.2482C13.8095 11.5826 14.0468 10.8001 14.0468 9.99962C14.0456 8.92661 13.6188 7.89789 12.8601 7.13916C12.1014 6.38043 11.0727 5.95367 9.99967 5.95246Z" class=" fill-primary"/> 1411 <path d="M15.0061 5.93819C14.7279 5.93817 14.456 5.85566 14.2247 5.70109C13.9934 5.54652 13.8131 5.32684 13.7067 5.06981C13.6002 4.81279 13.5724 4.52997 13.6266 4.25712C13.6809 3.98427 13.8149 3.73365 14.0116 3.53694C14.2084 3.34023 14.459 3.20628 14.7318 3.15202C15.0047 3.09775 15.2875 3.12562 15.5445 3.23209C15.8015 3.33856 16.0212 3.51885 16.1758 3.75017C16.3303 3.98149 16.4128 4.25344 16.4128 4.53163C16.4124 4.90456 16.264 5.26209 16.0003 5.52578C15.7366 5.78947 15.3791 5.93779 15.0061 5.93819ZM15.0061 3.90945C14.8831 3.90945 14.7628 3.94594 14.6605 4.0143C14.5582 4.08266 14.4784 4.17982 14.4313 4.2935C14.3843 4.40718 14.3719 4.53227 14.3959 4.65295C14.4199 4.77364 14.4792 4.88449 14.5662 4.9715C14.6532 5.05851 14.764 5.11777 14.8847 5.14178C15.0054 5.16579 15.1305 5.15347 15.2442 5.10639C15.3579 5.05931 15.455 4.97957 15.5234 4.87727C15.5918 4.77496 15.6283 4.65468 15.6283 4.53163C15.6281 4.36669 15.5625 4.20855 15.4458 4.09191C15.3292 3.97527 15.1711 3.90965 15.0061 3.90945Z" class=" fill-primary"/> 1412 </g>
1413 <defs> 1414 <clipPath> 1415 <rect width="21" height="20" fill="white"/> 1416 </clipPath> 1417 </defs> 1418</svg> </a> 1419 1420 <a aria-label="LinkedIn" class="group p-2.5 rounded-full bg-transparent border border-white hover:bg-white inline-flex items-center justify-center transition-all duration-300" href="https://www.linkedin.com/company/prismecs-llc/" target="_blank" title="LinkedIn"> 1421 <svg class="transition-all duration-300 group-hover:hidden" width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1422 <path d="M6.2 6.29883H1V19.7988H6.2V6.29883Z" fill="white" /> 1423 <path d="M6.2 2.79922C6.2 4.19922 5 5.39922 3.6 5.39922C2.2 5.39922 1 4.19922 1 2.79922C1 1.39922 2.2 0.199219 3.6 0.199219C5 0.199219 6.2 1.39922 6.2 2.79922Z" fill="white" /> 1424 <path d="M21 11.3988V19.7988H15.8V12.3988C15.8 11.6988 15.2 11.0988 14.5 11.0988C13.8 11.0988 13.2 11.6988 13.2 12.3988V19.7988H8V6.29883H13.2V7.19883C14 6.59883 14.9 6.29883 15.9 6.29883C18.7 6.29883 21 8.59883 21 11.3988Z" fill="white" /> 1425</svg> <svg xmlns="http://www.w3.org/2000/svg" class="hidden group-hover:block transition-all duration-300" width="22" height="20" viewBox="0 0 20 20" fill="none"> 1426 <g> 1427 <path d="M5.21739 19.7965H0V6.31836H5.21739V19.7965ZM0.869512 18.927H4.34788V7.18787H0.869512V18.927Z" class=" fill-primary"/> 1428 <path d="M20.0005 19.7965H14.7831V12.4053C14.7831 11.6849 14.1991 11.1009 13.4788 11.1009C12.7583 11.1009 12.1744 11.6849 12.1744 12.4053V19.7965H6.95703V6.31836H12.1744V7.19329C12.9619 6.62391 13.9091 6.31772 14.8809 6.31836C17.7015 6.31836 20.0005 8.60638 20.0005 11.4216V19.7965ZM15.6526 18.927H19.1308V11.4216C19.1249 9.07943 17.223 7.18485 14.8809 7.18787C13.8103 7.18787 12.8048 7.63895 12.0548 8.45417L11.3048 9.2748V7.18787H7.82654V18.927H11.3048V12.4053C11.3048 11.2046 12.2781 10.2314 13.4788 10.2314C14.6793 10.2314 15.6526 11.2046 15.6526 12.4053V18.927Z" class=" fill-primary"/> 1429 <path d="M2.6087 5.44786C1.16789 5.44786 0 4.27997 0 2.83916C0 1.39852 1.16789 0.230469 2.6087 0.230469C4.0495 0.230469 5.21739 1.39852 5.21739 2.83916C5.21437 4.27869 4.04822 5.44499 2.6087 5.44786ZM2.6087 1.10014C1.64827 1.10014 0.869512 1.87874 0.869512 2.83916C0.869512 3.79975 1.64827 4.57835 2.6087 4.57835C3.56912 4.57835 4.34788 3.79975 4.34788 2.83916C4.34788 1.87874 3.56912 1.10014 2.6087 1.10014Z" class=" fill-primary"/> 1430 </g> 1431 <defs> 1432 <clipPath> 1433 <rect width="22" height="20" fill="white"/> 1434 </clipPath> 1435 </defs> 1436</svg> </a> 1437 1438 <a aria-label="Twitter" class="group p-2.5 rounded-full bg-transparent border border-white hover:bg-white inline-flex items-center justify-center transition-all duration-300" href="https://twitter.com/PRISMECS" target="_blank" title="Twitter"> 1439 <svg class="transition-all duration-300 group-hover:hidden" width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 1440<path d="M11.1504 7.7L17.3504 0.5H15.8504L10.4504 6.8L6.15039 0.5H1.15039L7.65039 10L1.15039 17.5H2.65039L8.35039 10.9L12.8504 17.5H17.8504L11.1504 7.7ZM9.15039 10L8.45039 9.1L3.25039 1.6H5.55039L9.75039 7.6L10.4504 8.5L15.9504 16.4H13.6504L9.15039 10Z" fill="white"/> 1441</svg> 1442 <svg class="hidden group-hover:block transition-all duration-300" xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 18 18" fill="none"> 1443 <g> 1444 <path d="M10.5834 7.69834L16.7759 0.5H15.3085L9.93148 6.75022L5.63689 0.5H0.683594L7.17785 9.95144L0.683594 17.5H2.15111L7.82935 10.8996L12.3648 17.5H17.3181L10.583 7.69834H10.5834ZM8.57339 10.0347L7.91538 9.09356L2.67988 1.60472H4.93391L9.15902 7.64845L9.81702 8.5896L15.3092 16.4455H13.0551L8.57339 10.0351V10.0347Z" class=" fill-primary"/> 1445 </g> 1446 <defs> 1447 <clipPath> 1448 <rect width="17" height="17" fill="white" transform="translate(0.5 0.5)"/> 1449 </clipPath> 1450 </defs> 1451</svg> </a> 1452 1453 <a aria-label="YouTube" class="group p-2.5 rounded-full bg-transparent border border-white hover:bg-white inline-flex items-center justify-center transition-all duration-300" href="https://www.youtube.com/@prismecsofficial" target="_blank" title="YouTube"> 1454 <svg class="transition-all duration-300 group-hover:hidden" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1455<g > 1456<path d="M19.9772 6.23919C19.9772 6.23919 19.8397 4.86733 18.8809 3.92263C18.1222 3.06056 17.062 2.66698 16.2724 2.66698C13.4793 2.4601 9.97716 2.51968 9.97716 2.51968C9.97716 2.51968 6.32618 2.47856 3.5331 2.68544C2.31706 2.83897 1.64276 3.24203 0.886871 4.14679C0.200764 4.96802 0.0615108 6.11217 0.0615108 6.11217C0.0615108 6.11217 -0.0719792 7.10942 -0.0228358 9.3128V10.9335C-0.181175 13.243 0.142984 14.4367 0.142984 14.4367C0.142984 14.4367 0.543147 15.6466 1.24267 16.2917C1.73234 16.8669 2.7358 17.3818 3.18408 17.4853C4.77025 17.6576 9.97716 17.6921 9.97716 17.6921C9.97716 17.6921 13.7261 17.542 16.5192 17.3006C17.7939 17.0801 18.4226 16.7363 19.1368 15.8214C19.9819 14.7389 19.9819 13.6732 19.9819 13.6732C19.9819 13.6732 20.0079 12.8604 20.0079 11.1363V9.26477C20.0806 7.22172 19.9772 6.23919 19.9772 6.23919Z" fill="white"/> 1457<path d="M7.58594 6.51758V14.0004L14.1377 10.3452L7.58594 6.51758Z" class=" fill-primary"/> 1458</g> 1459<defs> 1460<clipPath id="clip0_6811_30408"> 1461<rect width="20" height="20" fill="white"/> 1462</clipPath> 1463</defs> 1464</svg> 1465 <svg class="hidden group-hover:block transition-all duration-300" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1466 <path d="M16.0229 2.65234H3.97714C1.78408 2.65234 0 4.44214 0 6.64173V13.3564C0 15.5564 1.78408 17.3458 3.97714 17.3458H16.0229C18.2159 17.3458 20 15.556 20 13.3564V6.64173C20 4.44214 18.2159 2.65234 16.0229 2.65234ZM19.1837 13.3568C19.1837 15.1066 17.7657 16.5299 16.0229 16.5299H3.97714C2.23429 16.5299 0.816327 15.1062 0.816327 13.3568V6.64173C0.816327 4.89234 2.23429 3.46867 3.97714 3.46867H16.0229C17.7657 3.46867 19.1837 4.89234 19.1837 6.64173V13.3568Z" class=" fill-primary"/> 1467 <path d="M13.617 9.85244L7.96194 6.5402C7.83623 6.46673 7.6799 6.4655 7.55296 6.53816C7.42602 6.61081 7.34766 6.74591 7.34766 6.89244V13.5165C7.34766 13.6626 7.42602 13.7982 7.55255 13.8708C7.61541 13.9067 7.68562 13.9247 7.75582 13.9247C7.82725 13.9247 7.89827 13.9059 7.96194 13.8688L13.617 10.5573C13.7419 10.4843 13.8191 10.35 13.8191 10.2051C13.8191 10.0602 13.7424 9.9255 13.617 9.85244ZM8.16398 12.8043V7.60428L12.6032 10.2047L8.16398 12.8043Z" class=" fill-primary"/> 1468</svg> </a> 1469 </div> 1470 </div> 1471 </div> 1472 <!-- Contact Us --> 1473 <div class="flex flex-col gap-6 items-start"> 1474 <h4 class=" text-xl md:text-[32px] text-white capitalize cursor-default">CONTACT US</h4> 1475 <div class="flex flex-col gap-5"> 1476 <div class="text-white flex items-start gap-3 cursor-default"> 1477 <span class="bg-white rounded-[50px] p-2.5 "> 1478 <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"> 1479 <g clip-path="url(#clip0_5055_13149)"> 1480 <path d="M10.6945 2.16017C10.4785 2.1586 10.3024 2.33243 10.3008 2.54806C10.2992 2.76368 10.4727 2.93986 10.6887 2.94142C10.9043 2.94298 11.0805 2.76954 11.082 2.55392C11.0836 2.33829 10.9102 2.16212 10.6945 2.16017Z" class="fill-primary" /> 1481 <path d="M10.6768 4.50398C9.16856 4.49327 7.93336 5.71003 7.92195 7.21781C7.91059 8.72551 9.12801 9.96129 10.6358 9.97266C10.6428 9.9727 10.6497 9.97274 10.6567 9.97274C12.1549 9.97274 13.3793 8.75961 13.3906 7.25883C13.402 5.75121 12.1846 4.51534 10.6768 4.50398ZM10.6566 9.19152C10.6517 9.19152 10.6466 9.19149 10.6416 9.19145C9.56465 9.18332 8.69504 8.30059 8.70317 7.22367C8.71125 6.1516 9.58579 5.28511 10.6559 5.28511C10.6609 5.28511 10.666 5.28515 10.6709 5.28519C11.7479 5.29331 12.6175 6.17605 12.6094 7.25297C12.6013 8.32504 11.7268 9.19152 10.6566 9.19152Z" class="fill-primary" /> 1482 <path d="M12.3611 2.45616C12.1579 2.38405 11.9345 2.49049 11.8624 2.69385C11.7903 2.89721 11.8968 3.12046 12.1001 3.19257C13.8207 3.80237 14.9674 5.44109 14.9536 7.27027C14.952 7.48597 15.1256 7.66218 15.3413 7.66382C15.3423 7.66382 15.3433 7.66382 15.3443 7.66382C15.5586 7.66382 15.7332 7.49086 15.7349 7.27613C15.7511 5.11413 14.3953 3.17714 12.3611 2.45616Z" class="fill-primary" /> 1483 <path d="M13.0532 15.3025C15.6513 11.9581 17.2751 10.2142 17.297 7.28822C17.3245 3.60684 14.3369 0.597656 10.6558 0.597656C7.01765 0.597656 4.0435 3.54407 4.01585 7.18861C3.9935 10.1939 5.64738 11.9355 8.26347 15.3019C5.66093 15.6908 4.01585 16.668 4.01585 17.8633C4.01585 18.664 4.75593 19.3825 6.0998 19.8864C7.32296 20.345 8.94121 20.5977 10.6564 20.5977C12.3716 20.5977 13.9899 20.345 15.213 19.8864C16.5569 19.3824 17.297 18.6639 17.297 17.8633C17.297 16.6687 15.6534 15.6917 13.0532 15.3025ZM4.79706 7.19451C4.82144 3.97852 7.44546 1.37891 10.6559 1.37891C13.9043 1.37891 16.54 4.03469 16.5158 7.2824C16.495 10.0611 14.773 11.7735 12.0239 15.3572C11.5336 15.9961 11.0832 16.6001 10.657 17.191C10.232 16.5998 9.79066 16.0066 9.29297 15.3569C6.43023 11.6232 4.77589 10.0402 4.79706 7.19451ZM10.6564 19.8164C7.30285 19.8164 4.79706 18.7853 4.79706 17.8633C4.79706 17.1796 6.29503 16.3158 8.81371 16.0167C9.37047 16.7472 9.85859 17.4109 10.3373 18.0887C10.4105 18.1922 10.5293 18.2539 10.6561 18.2539C10.6562 18.2539 10.6563 18.2539 10.6564 18.2539C10.783 18.2539 10.9018 18.1925 10.9751 18.0892C11.4493 17.4202 11.9508 16.7402 12.5028 16.0171C15.0191 16.3166 16.5158 17.18 16.5158 17.8634C16.5157 18.7853 14.01 19.8164 10.6564 19.8164Z" class="fill-primary" /> 1484 </g> 1485 <defs> 1486 <clipPath id="clip0_5055_13149"> 1487 <rect width="20" height="20" fill="white" transform="translate(0.65625 0.597656)" /> 1488 </clipPath> 1489 </defs> 1490 </svg> 1491 </span> 1492 <p> 1493 11111 Katy Freeway, Suite <br /> 1494 910, Houston TX 77079 1495 </p> 1496 </div> 1497 <div class="text-white flex items-start gap-3 cursor-default">
1498 <span class="bg-white rounded-[50px] p-2.5 "> 1499 <svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none"> 1500 <path d="M8.90749 3.63748C8.93658 3.6211 8.929 3.61084 9.03118 3.65899C9.13336 3.70739 9.29567 3.83328 9.45504 4.00586C9.77307 4.35395 10.0923 4.88122 10.2585 5.2293C10.2637 5.24079 10.27 5.25081 10.2761 5.26084C10.745 6.06897 10.9469 6.68619 10.9532 7.07486C10.9598 7.46255 10.8564 7.62999 10.5269 7.81919L9.6748 8.30955C9.1204 8.62855 8.85884 9.2003 8.79382 9.73368C8.72831 10.2673 8.82584 10.7858 9.0632 11.1957L11.163 14.8149C11.4018 15.2239 11.8051 15.5671 12.3021 15.7778C12.799 15.9888 13.4275 16.0484 13.9817 15.7297L14.8348 15.2417C15.1643 15.0525 15.3608 15.0472 15.6955 15.2466C16.0311 15.4461 16.4664 15.9277 16.9353 16.7353C16.9419 16.747 16.9482 16.7571 16.9558 16.7685C17.1753 17.0849 17.4743 17.6236 17.6185 18.0722C17.6901 18.2956 17.7182 18.4975 17.7092 18.6107C17.6992 18.7226 17.6967 18.7099 17.6672 18.7275L17.0206 19.0986C15.395 19.805 13.9059 19.6461 12.5739 18.9539C11.238 18.2614 10.0769 17.0074 9.26878 15.5365C9.26584 15.5339 9.26487 15.5299 9.26218 15.5277L7.4924 12.4763C7.49093 12.4724 7.48849 12.47 7.48727 12.4658C6.61118 11.0344 6.09784 9.40686 6.1614 7.91061C6.22544 6.41657 6.8346 5.05355 8.26362 4.00537L8.90749 3.63748ZM9.42595 2.82593C9.14607 2.69515 8.76033 2.65677 8.44476 2.83864L7.76056 3.23244C7.74491 3.24124 7.73098 3.25028 7.71704 3.25908C6.06949 4.46468 5.31073 6.14279 5.23691 7.87297C5.16236 9.60217 5.74022 11.3869 6.69404 12.9469L8.45527 15.9805C8.45624 15.9805 8.45771 15.9805 8.45771 15.9817L8.46016 15.9895C9.34138 17.5865 10.6047 18.972 12.1449 19.7723C13.6876 20.5728 15.5256 20.7584 17.399 19.9414C17.4156 19.9351 17.431 19.9275 17.4462 19.9197L18.1309 19.5261C18.4464 19.3443 18.6058 18.9952 18.6317 18.6889C18.6584 18.3814 18.596 18.0856 18.5014 17.7918C18.3162 17.2112 17.9954 16.6502 17.7285 16.2623C17.223 15.396 16.7378 14.7927 16.1746 14.4573C15.6075 14.1195 14.9267 14.1244 14.3713 14.4434L13.5182 14.9325C13.2667 15.0772 12.9738 15.0618 12.6661 14.9313C12.3571 14.8003 12.0726 14.5375 11.9652 14.3544L9.86547 10.7352C9.75938 10.5523 9.67407 10.1749 9.71367 9.84466C9.75424 9.51295 9.88698 9.25408 10.1385 9.10913L10.9892 8.61999C11.5448 8.30124 11.8909 7.71824 11.8804 7.05995C11.8689 6.40606 11.5868 5.68299 11.0821 4.8113C10.8777 4.38988 10.5511 3.83353 10.141 3.38619C9.93293 3.15837 9.7056 2.9567 9.42595 2.82593Z" class="fill-primary" /> 1501 </svg> 1502 </span> 1503 <p class="text-base font-montserrat-regular font-normal cursor-pointer"> 1504 1 (888) PRISMEC <br /> 1505 <a href="tel:18887747632">1 (888) 774 7632</a> 1506 </p> 1507 </div> 1508 <div class="text-white hidden items-center gap-3 cursor-default"> 1509 <span class="bg-white rounded-[50px] p-2.5"> 1510 <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"> 1511 <g clip-path="url(#clip0_5055_13173)"> 1512 <path d="M18.6841 4.20312H2.62827C1.53965 4.20434 0.657465 5.08652 0.65625 6.17515V15.0239C0.657465 16.1125 1.53965 16.9947 2.62827 16.9959H18.6841C19.7727 16.9947 20.655 16.1125 20.6562 15.0239V6.17515C20.655 5.08652 19.7727 4.20434 18.6841 4.20312ZM14.1309 10.5995L19.8174 5.80992C19.8556 5.9279 19.875 6.05114 19.875 6.1751V15.0238C19.875 15.1478 19.8556 15.271 19.8175 15.389L14.1309 10.5995ZM18.6841 4.98438C18.9198 4.98414 19.1502 5.05422 19.3458 5.18567L10.6562 12.5047L1.96661 5.18567C2.16224 5.05422 2.39264 4.98414 2.62831 4.98442L18.6841 4.98438ZM1.49507 15.3892C1.4569 15.2712 1.4375 15.1479 1.43754 15.0239V6.17515C1.4375 6.05118 1.45694 5.9279 1.49507 5.80992L7.18154 10.5995L1.49507 15.3892ZM2.62827 16.2147C2.39264 16.215 2.16224 16.145 1.96661 16.0136L7.78789 11.1104L10.4046 13.3143C10.55 13.4368 10.7625 13.4368 10.9078 13.3143L13.5245 11.1104L19.3458 16.0133C19.1501 16.1448 18.9197 16.2149 18.684 16.2146H2.62827V16.2147Z" class="fill-primary" /> 1513 </g> 1514 <defs> 1515 <clipPath id="clip0_5055_13173"> 1516 <rect width="20" height="20" fill="white" transform="translate(0.65625 0.597656)" /> 1517 </clipPath> 1518 </defs> 1519 </svg> 1520 </span> 1521 <a class="text-base font-montserrat-regular font-normal cursor-pointer" href="mailto:[email protected]">[email protected]</a> 1522 </div> 1523 </div> 1524 </div> 1525 <!-- Feedback --> 1526 <div class="flex flex-col gap-6 items-start"> 1527 <h4 class=" text-xl md:text-[32px] text-white capitalize cursor-default">FEEDBACK</h4> 1528 <p class="text-base text-white font-montserrat-regular font-normal cursor-default">Share your valuable insights to shape a better Prismecs experience.</p> 1529 <a href="/help-us-improve" class="group bg-white hover:bg-accent hover:text-black transition-all duration-500 cursor-pointer text-primary font-montserrat theme-hover pl-3 2xl:pl-5 pr-2 py-2 text-xs md:text-sm 2xl:text-base rounded-full flex items-center overflow-hidden capitalize 1530 "> 1531 Help Us Improve
1532 <span class="ml-2 inline-block transition-transform duration-500 group-hover:-rotate-45"> 1533 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""> 1534 <circle r="12" cx="12" cy="12" class="fill-primary group-hover:fill-black transition-colors duration-500" shape="circle" transform="matrix(1,0,0,1,0,0)"></circle> 1535 <g transform="matrix(0.6399999999999999,0,0,0.6399999999999999,4.3199615478515625,4.324424915313721)"> 1536 <path d="m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z" class="fill-white transition-colors duration-300" opacity="1"></path> 1537 </g> 1538 </svg> 1539 </span> 1540 </a> 1541 </div> 1542 </div> 1543 <div class="border-t border-t-grey-650 pt-3.5 flex flex-wrap justify-between items-center gap-2"> 1544 <div class="flex gap-2 items-center flex-wrap"> 1545 <p class="text-white text-sm lg:text-base font-montserrat-regular font-normal">Copyright © 2026 prismecs.com, 1546 <p class="text-white text-sm lg:text-base font-montserrat-regular font-normal">All rights reserved. </p> 1547 <p class="text-white text-sm lg:text-base font-montserrat-regular font-normal">|</p> 1548 <p class="flex gap-2 items-center"> 1549 <a href="https://prismecs.com/terms-and-condition" class="text-white text-sm lg:text-base font-montserrat font-normal underline"> Terms and Conditions </a> 1550 </p> 1551 <p class="text-white text-sm lg:text-base font-montserrat-regular font-normal">|</p> 1552 <a href="https://prismecs.com/privacy-policy" class="text-white text-sm lg:text-base font-montserrat font-normal underline"> Privacy Policy</a> 1553 </div> 1554 <div class="flex gap-2 items-center"> 1555<img src="https://prismecs.com/assets/images/iso.png" alt="ISO" width="94" height="51" /> 1556<img src="https://prismecs.com/assets/images/nmdc.png" alt="NMDC" width="97" height="51" /> 1557<img src="https://prismecs.com/assets/images/uei.png" alt="UEI" width="47" height="47" /> 1558 </div> 1559 </div> 1560</footer> 1561 1562 1563 <div id="spinner-container"></div> 1564 1565
1565<script src="https://prismecs.com/assets/js/jquery.js"></script>
1565 1566
1566<script src="https://prismecs.com/assets/js/owl.carousel.min.js"></script>
1566 1567 1568 <link rel="preload" as="style" href="https://prismecs.com/build/assets/app-BUrcyj0q.css" /><link rel="modulepreload" as="script" href="https://prismecs.com/build/assets/app-C1wHIrBD.js" /><link rel="stylesheet" href="https://prismecs.com/build/assets/app-BUrcyj0q.css" />
1568<script type="module" src="https://prismecs.com/build/assets/app-C1wHIrBD.js"></script>
1568 1569
1569<script> 1570 document.addEventListener("DOMContentLoaded", () => { 1571 1572 const elements = document.querySelectorAll(".animate-hidden"); 1573 1574 const triggerAnimation = (el) => { 1575 const type = el.dataset.anim; 1576 1577 if (type === "up") { 1578 el.classList.add("animation-move-up"); 1579 } 1580 1581 if (type === "right") { 1582 el.classList.add("animation-move-right"); 1583 } 1584 1585 if (type === "left") { 1586 el.classList.add("animation-move-left"); 1587 } 1588 1589 el.classList.remove("animate-hidden"); 1590 }; 1591 1592 const observer = new IntersectionObserver((entries) => { 1593 entries.forEach(entry => { 1594 if (entry.isIntersecting) { 1595 triggerAnimation(entry.target); 1596 observer.unobserve(entry.target); 1597 } 1598 }); 1599 }, { 1600 threshold: 0.2 1601 }); 1602 1603 elements.forEach(el => { 1604 const rect = el.getBoundingClientRect(); 1605 1606 // ð¥ INSTANT trigger if already visible 1607 if (rect.top < window.innerHeight) { 1608 triggerAnimation(el); 1609 } else { 1610 observer.observe(el); 1611 } 1612 }); 1613 1614 }); 1615</script>
1615 1616
1617<script src="https://prismecs.com/assets/admin/assets/plugins/spinner/spinner.js"></script>
vendor: 1 bytes, line 1617
1617
1618<script defer src="https://prismecs.com/assets/admin/assets/plugins/jquery-validation/jquery.validate.js"></script>
vendor: 1 bytes, line 1618
1618
1619<script defer src="https://prismecs.com/assets/admin/assets/plugins/iziToast-master/iziToast.js"></script>
vendor: 1 bytes, line 1619
1619
1620<script defer src="https://prismecs.com/assets/admin/assets/plugins/select2/select2.min.js"></script>
vendor: 1 bytes, line 1620
1620
1621<script> 1622 window.$zoho = window.$zoho || {}; 1623 $zoho.salesiq = $zoho.salesiq || { 1624 ready: function() {} 1625 } 1626</script>
vendor: 1 bytes, line 1626
1626
1627<script> 1628 window.$zoho = window.$zoho || {}; 1629 $zoho.salesiq = $zoho.salesiq || { 1630 ready: function() {} 1631 } 1632</script>
vendor: 1 bytes, line 1632
1632
1633<script id="zsiqscript" 1634 src="https://salesiq.zohopublic.com/widget?wc=siqc9763ce087299d9c217e084263cfaceab92fd8283834fa4e944e116694e49d0b" 1635 defer></script>
1635 1636
1637<script> 1638 const toastr = { 1639 success: function(message, title = 'Success') { 1640 iziToast.success({ 1641 title: title, 1642 message: message, 1643 position: 'topRight', 1644 timeout: 3000, 1645 }); 1646 }, 1647 error: function(message, title = 'Error') { 1648 iziToast.error({ 1649 title: title, 1650 message: message, 1651 position: 'topRight', 1652 timeout: 5000, 1653 }); 1654 }, 1655 info: function(message, title = 'Info') { 1656 iziToast.info({ 1657 title: title, 1658 message: message, 1659 position: 'topRight', 1660 timeout: 4000, 1661 }); 1662 }, 1663 warning: function(message, title = 'Warning') { 1664 iziToast.warning({ 1665 title: title, 1666 message: message, 1667 position: 'topRight', 1668 timeout: 4000, 1669 }); 1670 } 1671 }; 1672 1673 /** 1674 * Flash toast message to sessionStorage 1675 * @param {string} type - "success" | "error" 1676 * @param {string|array} message - message or array of messages 1677 */ 1678 function flashToast(type, message) { 1679 if (!["success", "error"].includes(type)) return; 1680 1681 // Normalize message into array 1682 let msgs = Array.isArray(message) ? message : [message]; 1683 1684 if (type === "success") { 1685 sessionStorage.setItem("toast_success", JSON.stringify(msgs)); 1686 } 1687 1688 if (type === "error") { 1689 sessionStorage.setItem("toast_errors", JSON.stringify(msgs)); 1690 } 1691 } 1692 1693 function handleValidationErrors(errors, showAll = false) { 1694 console.error("AJAX error:", errors); 1695 if (!errors || typeof errors !== 'object') return; 1696 1697 const keys = Object.keys(errors); 1698 if (keys.length === 0) return; 1699 1700 if (showAll) { 1701 keys.forEach(function(key) { 1702 errors[key].forEach(function(message) { 1703 toastr.error(message); 1704 }); 1705 }); 1706 } else { 1707 const firstKey = keys[0]; 1708 const firstMessage = errors[firstKey][0]; 1709 toastr.error(firstMessage); 1710 } 1711 } 1712 1713 document.addEventListener("DOMContentLoaded", function() { 1714 // SUCCESS array 1715 let successMsgs = sessionStorage.getItem("toast_success"); 1716 if (successMsgs) { 1717 JSON.parse(successMsgs).forEach(msg => toastr.success(msg)); 1718 sessionStorage.removeItem("toast_success"); 1719 } 1720 1721 // ERROR array 1722 let errorMsgs = sessionStorage.getItem("toast_errors"); 1723 if (errorMsgs) { 1724 JSON.parse(errorMsgs).forEach(msg => toastr.error(msg)); 1725 sessionStorage.removeItem("toast_errors"); 1726 } 1727 1728 // jQuery-dependent setup (jQuery is deferred, safe to call here) 1729 if (typeof $ !== 'undefined') { 1730 $.ajaxSetup({ 1731 headers: { 1732 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 1733 } 1734 }); 1735 1736 $.validator.addMethod("corporateEmail", function(value, element) { 1737 var freeDomains = [ 1738 'gmail.com', 'yahoo.com', 'hotmail.com', 'outlook.com', 1739 'aol.com', 'icloud.com', 'live.com', 'msn.com', 'protonmail.com', 1740 'mail.com', 'yandex.com', 'gmx.com', 'inbox.com', 'example.com' 1741 ]; 1742 var domain = value.substring(value.lastIndexOf("@") + 1).toLowerCase(); 1743 return this.optional(element) || !freeDomains.includes(domain); 1744 }, "Please use your corporate email address."); 1745 1746 $.validator.addMethod("strictEmail", function(value, element) { 1747 return this.optional(element) || /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(value); 1748 }, "Please enter a valid email address."); 1749 1750 $.validator.addMethod("regex", function(value, element, pattern) { 1751 return this.optional(element) || pattern.test(value); 1752 }, "Invalid format"); 1753 1754 $.validator.addMethod("verifyCaptcha", function(value, element) { 1755 if (value.length !== 5) return false;
1756 let isSuccess = false; 1757 const $form = $(element).closest('form'); 1758 const captchaId = $form.find('input[name="captcha_id"]').val(); 1759 if (!captchaId) return false; 1760 $.ajax({ 1761 url: '/verify-captcha', 1762 type: 'POST', 1763 data: { 1764 captcha: value, 1765 captcha_id: captchaId, 1766 _token: $('meta[name="csrf-token"]').attr('content'), 1767 }, 1768 async: false, 1769 success: function(response) { isSuccess = response.success === true; }, 1770 error: function() { isSuccess = false; } 1771 }); 1772 return isSuccess; 1773 }, "Invalid CAPTCHA. Please try again."); 1774 1775 $.validator.addMethod("noLinks", function(value, element) { 1776 if (this.optional(element)) return true; 1777 const text = $.trim(value); 1778 const advancedLinkPattern = new RegExp( 1779 "(?!" + "[\\w.+-]+@" + ")" + 1780 "(" + "(?:https?:\\/\\/|ftp:\\/\\/)" + "[^\\s]+" + "|" + 1781 "(?:www\\.[^\\s]+)" + "|" + 1782 "(?:\\b[a-z0-9-]+\\.[a-z]{2,}(?:\\/[\\w\\-._~:/?#[\\]@!$&'()*+,;=%]*)?)" + ")", 1783 "i" 1784 ); 1785 return !advancedLinkPattern.test(text); 1786 }, "Links or URLs are not allowed in the description."); 1787 1788 $(document).on('click', '.refreshCaptcha', function(e) { 1789 e.preventDefault(); 1790 const $trigger = $(this); 1791 const $form = $trigger.closest('form'); 1792 const captchaId = $form.find('input[name="captcha_id"]').val(); 1793 const $captchaImg = $form.find('.captchaImg'); 1794 const $captchaInput = $form.find('input[name="captcha"]'); 1795 if (!captchaId || !$captchaImg.length) return; 1796 $captchaImg.attr('src', '/refresh-captcha/' + captchaId + '?' + Date.now()); 1797 $captchaInput.val(''); 1798 $trigger.prop('disabled', true); 1799 setTimeout(() => $trigger.prop('disabled', false), 500); 1800 }); 1801 1802 $(document).on('shown.bs.modal', '.modal', function() { 1803 const $form = $(this).find('form'); 1804 if ($form.find('.captchaImg').length) { 1805 $form.find('.refreshCaptcha').trigger('click'); 1806 } 1807 }); 1808 } 1809 }); 1810 1811 document.addEventListener("DOMContentLoaded", function() { 1812 function attachValidation(formId, inputId, errorId) { 1813 const form = document.getElementById(formId); 1814 const input = document.getElementById(inputId); 1815 const errorEl = document.getElementById(errorId); 1816 if (!form || !input || !errorEl) return; 1817 1818 function validate() { 1819 const value = input.value.trim(); 1820 if (!value) { 1821 errorEl.textContent = "Please fill the field."; 1822 errorEl.style.display = "block"; 1823 input.classList.add("border-red-500"); 1824 input.classList.remove("border-b-blue-900"); 1825 return false; 1826 } else if (value.length < 3) { 1827 errorEl.textContent = "Enter at least 3 characters."; 1828 errorEl.style.display = "block"; 1829 input.classList.add("border-red-500"); 1830 input.classList.remove("border-b-blue-900"); 1831 return false; 1832 } else { 1833 errorEl.style.display = "none"; 1834 input.classList.remove("border-red-500"); 1835 input.classList.add("border-b-blue-900"); 1836 return true; 1837 } 1838 } 1839 1840 // Live validation on input 1841 input.addEventListener("input", validate); 1842 1843 // Validate on form submit (works for Enter and button click) 1844 form.addEventListener("submit", function(e) { 1845 if (!validate()) { 1846 e.preventDefault(); 1847 input.focus(); 1848 } 1849 }); 1850 } 1851 1852 attachValidation("searchForm", "search_box_container", "error_search_box_container"); 1853 attachValidation("searchForm2", "search_box_container1", "error_search_box_container1"); 1854 }); 1855</script>
1855 1856 1857
1858<script> 1859 // Side Filters in product listing 1860 1861 document.addEventListener("DOMContentLoaded", function() { 1862 1863 const accordions = document.querySelectorAll(".accordion-item"); 1864 1865 accordions.forEach((item, index) => { 1866 const button = item.querySelector(".accordion-toggle"); 1867 const content = item.querySelector(".accordion-content"); 1868 const icon = item.querySelector(".accordion-icon"); 1869 1870 // Open first accordion by default 1871 if (index === 0) { 1872 content.style.maxHeight = content.scrollHeight + "px"; 1873 icon.classList.add("rotate-180"); 1874 } 1875 1876 button.addEventListener("click", function() { 1877 1878 if (content.style.maxHeight) { 1879 content.style.maxHeight = null; 1880 icon.classList.remove("rotate-180"); 1881 } else { 1882 content.style.maxHeight = content.scrollHeight + "px"; 1883 icon.classList.add("rotate-180"); 1884 } 1885 1886 }); 1887 }); 1888 1889 }); 1890 1891 // Sort dropdown 1892 1893 document.querySelectorAll(".sortDropdown").forEach(dropdown => { 1894 const btn = dropdown.querySelector(".sortBtn"); 1895 const menu = dropdown.querySelector(".sortMenu"); 1896 const arrow = dropdown.querySelector(".arrowIcon"); 1897 const selected = dropdown.querySelector(".selectedValue"); 1898 1899 if (!btn || !menu || !arrow || !selected) { 1900 return; 1901 } 1902 1903 btn.addEventListener("click", (e) => { 1904 e.stopPropagation(); 1905 menu.classList.toggle("hidden"); 1906 arrow.classList.toggle("rotate-180"); 1907 }); 1908 1909 menu.querySelectorAll("li").forEach(item => { 1910 item.addEventListener("click", () => { 1911 selected.textContent = item.textContent; 1912 menu.classList.add("hidden"); 1913 arrow.classList.remove("rotate-180"); 1914 }); 1915 }); 1916 }); 1917 1918 document.addEventListener("click", () => { 1919 document.querySelectorAll(".sortMenu").forEach(menu => { 1920 menu.classList.add("hidden"); 1921 }); 1922 1923 document.querySelectorAll(".arrowIcon").forEach(icon => { 1924 icon.classList.remove("rotate-180"); 1925 }); 1926 }); 1927 1928 // list view / grid view listing 1929 1930 document.querySelectorAll(".view-toggle").forEach((toggle) => { 1931 1932 const listBtn = toggle.querySelector(".listBtn"); 1933 const gridBtn = toggle.querySelector(".gridBtn"); 1934 const productsView = toggle.querySelector(".productsView"); 1935 1936 const switchProductCardLayout = (mode) => { 1937 if (!productsView) return; 1938 1939 productsView.classList.remove("is-grid", "is-list"); 1940 productsView.classList.add(mode === "list" ? "is-list" : "is-grid"); 1941 }; 1942 1943 listBtn.addEventListener("click", () => { 1944 1945 switchProductCardLayout("list"); 1946 1947 listBtn.classList.add("bg-lightBlue-80", "rounded-sm", "py-3", "text-primary"); 1948 gridBtn.classList.remove("bg-lightBlue-80", "text-primary", "py-3"); 1949 1950 }); 1951 1952 gridBtn.addEventListener("click", () => { 1953 1954 switchProductCardLayout("grid"); 1955 1956 gridBtn.classList.add("bg-lightBlue-80", "rounded-sm", "py-3", "text-primary"); 1957 listBtn.classList.remove("bg-lightBlue-80", "text-primary", "py-3"); 1958 1959 }); 1960 1961 }); 1962 1963 var swiper = new Swiper(".heroSwiper", { 1964 autoplay: { 1965 delay: 2500, 1966 disableOnInteraction: false 1967 }, 1968 pagination: { 1969 el: ".swiper-pagination", 1970 clickable: true 1971 }, 1972 on: { 1973 autoplayTimeLeft(s, time, progress) { 1974 progressCircle.style.setProperty("--progress", 1 - progress); 1975 progressContent.textContent = `${Math.ceil(time / 1000)}s`; 1976 } 1977 } 1978 }); 1979 document.querySelectorAll('.custom-card, .custom-card-left, .blog-cards > div').forEach((card) => { 1980 card.addEventListener('click', function () { 1981 this.classList.toggle('is-active'); 1982 }); 1983 }); 1984</script>
vendor: 1 bytes, line 1984
1984
1985<script> 1986 document.addEventListener("DOMContentLoaded", function() { 1987 1988 const counters = document.querySelectorAll(".counter"); 1989 const startedCounters = new WeakSet(); 1990 1991 function formatCounterValue(value, suffix, compactThousands) { 1992 if (compactThousands && value >= 1000) { 1993 const compactValue = value % 1000 === 0 1994 ? value / 1000 1995 : (value / 1000).toFixed(1).replace(/\.0$/, ''); 1996 1997 return compactValue.toLocaleString() + 'k' + suffix; 1998 } 1999 2000 return value.toLocaleString() + suffix; 2001 } 2002 2003 function animateCounter(counter) { 2004 const target = Number(counter.dataset.target || 0); 2005 const start = Number(counter.dataset.start || 0); 2006 const suffix = counter.dataset.suffix || ""; 2007 const stepTime = +(counter.dataset.stepTime || counter.dataset.steptime) || 20; 2008 const duration = +(counter.dataset.duration || counter.dataset.counterDuration) || 1000; 2009 const compactThousands = counter.dataset.compactThousands === "true"; 2010 2011 let count = start; 2012 const steps = duration / stepTime; 2013 const increment = (target - start) / steps; 2014 2015 function update() { 2016 count += increment; 2017 const isComplete = increment >= 0 2018 ? count >= target 2019 : count <= target; 2020 2021 if (!isComplete) { 2022 counter.innerText = 2023 formatCounterValue(Math.floor(count), suffix, compactThousands); 2024 setTimeout(update, stepTime); 2025 } else { 2026 counter.innerText = 2027 formatCounterValue(target, suffix, compactThousands); 2028 } 2029 } 2030 2031 counter.innerText = 2032 formatCounterValue(start, suffix, compactThousands); 2033 update(); 2034 } 2035 2036 const observer = new IntersectionObserver((entries) => { 2037 entries.forEach(entry => { 2038 if (entry.isIntersecting && !startedCounters.has(entry.target)) { 2039 startedCounters.add(entry.target); 2040 animateCounter(entry.target); 2041 observer.unobserve(entry.target); 2042 } 2043 }); 2044 }, { 2045 threshold: 0.3 2046 }); 2047 2048 counters.forEach(counter => observer.observe(counter)); 2049 2050 }); 2051 2052 document.addEventListener("DOMContentLoaded", function() { 2053 const items = document.querySelectorAll(".faq-item"); 2054 2055 items.forEach((item) => { 2056 const btn = item.querySelector(".faq-question"); 2057 const answer = item.querySelector(".faq-answer"); 2058 const icon = item.querySelector(".icon-svg"); 2059 2060 btn.addEventListener("click", () => { 2061 2062 const isOpen = answer.style.maxHeight; 2063 2064 // Close all others 2065 items.forEach((other) => { 2066 const otherAnswer = other.querySelector(".faq-answer"); 2067 const otherIcon = other.querySelector(".icon-svg"); 2068 const otherBtn = other.querySelector(".faq-question"); 2069 2070 otherAnswer.style.maxHeight = null; 2071 otherAnswer.classList.remove("opacity-100"); 2072 otherAnswer.classList.add("opacity-0"); 2073 2074 // reset icon 2075 otherIcon.classList.remove("rotate-45"); 2076 other.querySelector(".icon").classList.remove("bg-white"); 2077 2078 // reset button styles 2079 otherBtn.classList.remove("bg-primary", "text-white"); 2080 // rotate icon â X 2081 }); 2082 2083 // Toggle current 2084 if (!isOpen) { 2085 answer.style.maxHeight = answer.scrollHeight + "px"; 2086 answer.classList.remove("opacity-0"); 2087 answer.classList.add("opacity-100"); 2088 2089 // rotate icon â X 2090 icon.classList.add("rotate-45"); 2091 2092 // apply active styles 2093 btn.classList.add("bg-primary", "text-white"); 2094 2095 item.querySelector(".icon").classList.add("bg-white"); 2096 2097 } else { 2098 answer.style.maxHeight = null; 2099 answer.classList.remove("opacity-100"); 2100 answer.classList.add("opacity-0"); 2101 2102 icon.classList.remove("rotate-45"); 2103 2104 item.querySelector(".icon").classList.remove("bg-white"); 2105 btn.classList.remove("bg-primary", "text-white"); 2106 } 2107 }); 2108 }); 2109 }); 2110</script>
2110 2111
2112<script> 2113 document.addEventListener("DOMContentLoaded", function() { 2114 const cards = document.querySelectorAll(".equipment-card1"); 2115 const mainImage = document.getElementById("mainImage"); 2116 const imageWrap = document.querySelector("[data-equipment-image-wrap]"); 2117 const equipmentContent = document.querySelector("[data-equipment-content]"); 2118 2119 if (!cards.length || !mainImage) return; 2120 2121 function syncEquipmentImageHeight() { 2122 if (!imageWrap || !equipmentContent) return; 2123 2124 if (window.matchMedia("(min-width: 1024px)").matches) { 2125 imageWrap.style.height = `${equipmentContent.offsetHeight}px`; 2126 return; 2127 } 2128 2129 imageWrap.style.height = ""; 2130 } 2131 2132 syncEquipmentImageHeight(); 2133 window.addEventListener("resize", syncEquipmentImageHeight); 2134 2135 if (window.ResizeObserver && equipmentContent) { 2136 new ResizeObserver(syncEquipmentImageHeight).observe(equipmentContent); 2137 } 2138 2139 const imageCache = new Map(); 2140 2141 cards.forEach(card => { 2142 const image = card.dataset.image; 2143 2144 if (!image || imageCache.has(image)) return; 2145 2146 const preload = new Image(); 2147 preload.src = image; 2148 imageCache.set(image, preload); 2149 }); 2150 2151 function setActiveCard(activeCard) { 2152 cards.forEach(card => card.classList.remove("bg-primary-50")); 2153 activeCard.classList.add("bg-primary-50"); 2154 } 2155 2156 function swapMainImage(card) { 2157 const newImage = card.dataset.image; 2158 2159 if (!newImage) return; 2160
2161 setActiveCard(card); 2162 2163 if (mainImage.getAttribute("src") === newImage) return; 2164 2165 const preload = imageCache.get(newImage) || new Image(); 2166 2167 const updateImage = () => { 2168 mainImage.style.opacity = 0; 2169 mainImage.src = newImage; 2170 requestAnimationFrame(() => { 2171 mainImage.style.opacity = 1; 2172 }); 2173 }; 2174 2175 if (preload.complete) { 2176 updateImage(); 2177 return; 2178 } 2179 2180 preload.onload = updateImage; 2181 preload.onerror = () => { 2182 mainImage.style.opacity = 1; 2183 }; 2184 2185 if (!preload.src) preload.src = newImage; 2186 } 2187 2188 cards.forEach(card => { 2189 card.addEventListener("click", function() { 2190 swapMainImage(this); 2191 }); 2192 2193 card.addEventListener("mouseenter", function() { 2194 swapMainImage(this); 2195 }); 2196 2197 card.addEventListener("focusin", function() { 2198 swapMainImage(this); 2199 }); 2200 }); 2201 }); 2202</script>
2202 2203
2204<script> 2205 window.EquipmentSelection = (function() { 2206 2207 const STORAGE_KEY = "selectedEquipments"; 2208 2209 let selectedEquipmentIds = []; 2210 2211 function normalize(ids) { 2212 return [...new Set( 2213 (Array.isArray(ids) ? ids : []) 2214 .map(id => String(id).trim()) 2215 .filter(Boolean) 2216 )]; 2217 } 2218 2219 function load() { 2220 try { 2221 selectedEquipmentIds = normalize(JSON.parse(sessionStorage.getItem(STORAGE_KEY) || '[]')); 2222 } catch { 2223 selectedEquipmentIds = []; 2224 } 2225 } 2226 2227 function save() { 2228 sessionStorage.setItem(STORAGE_KEY, JSON.stringify(selectedEquipmentIds)); 2229 } 2230 2231 function set(ids) { 2232 selectedEquipmentIds = normalize(ids); 2233 save(); 2234 syncUI(); 2235 updateRibbon(); 2236 } 2237 2238 function get(fallbackId = null) { 2239 if (selectedEquipmentIds.length > 0) { 2240 return [...selectedEquipmentIds]; 2241 } 2242 return fallbackId ? [String(fallbackId)] : []; 2243 } 2244 2245 function add(id) { 2246 load(); 2247 id = String(id); 2248 if (!selectedEquipmentIds.includes(id)) { 2249 set([...selectedEquipmentIds, id]); 2250 } 2251 } 2252 2253 function remove(id) { 2254 load(); 2255 id = String(id); 2256 set(selectedEquipmentIds.filter(x => x !== id)); 2257 } 2258 2259 function clear() { 2260 set([]); 2261 } 2262 2263 function syncUI() { 2264 $('.equipment-card').each(function() { 2265 const $card = $(this); 2266 const id = String($card.data('id')); 2267 const selected = selectedEquipmentIds.includes(id); 2268 2269 $card.find('.equipment-checkbox').prop('checked', selected); 2270 $card.find('> div').toggleClass('border-primary bg-lightBlue-80', selected); 2271 }); 2272 } 2273 2274 function updateRibbon() { 2275 $('#selected-ribbon-count').text(selectedEquipmentIds.length); 2276 $('#selected-equipment-ribbon') 2277 .toggleClass('hidden', selectedEquipmentIds.length === 0); 2278 } 2279 2280 function init() { 2281 load(); 2282 syncUI(); 2283 updateRibbon(); 2284 } 2285 2286 return { 2287 init, 2288 set, 2289 get, 2290 add, 2291 remove, 2292 clear 2293 }; 2294 2295 })(); 2296 2297 window.RentalEquipmentSelection = (function() { 2298 const STORAGE_KEY = 'rentalSelectedEquipments'; 2299 2300 let rentalSelectedEquipmentIds = []; 2301 2302 function normalize(ids) { 2303 return [...new Set( 2304 (Array.isArray(ids) ? ids : []) 2305 .map(id => String(id).trim()) 2306 .filter(Boolean) 2307 )]; 2308 } 2309 2310 function load() { 2311 try { 2312 rentalSelectedEquipmentIds = normalize(JSON.parse(sessionStorage.getItem(STORAGE_KEY) || '[]')); 2313 } catch { 2314 rentalSelectedEquipmentIds = []; 2315 } 2316 } 2317 2318 function save() { 2319 sessionStorage.setItem(STORAGE_KEY, JSON.stringify(rentalSelectedEquipmentIds)); 2320 } 2321 2322 function set(ids) { 2323 rentalSelectedEquipmentIds = normalize(ids); 2324 save(); 2325 syncUI(); 2326 updateRibbon(); 2327 } 2328 2329 function get(fallbackId = null) { 2330 if (rentalSelectedEquipmentIds.length > 0) { 2331 return [...rentalSelectedEquipmentIds]; 2332 } 2333 return fallbackId ? [String(fallbackId)] : []; 2334 } 2335 2336 function add(id) { 2337 load(); 2338 id = String(id); 2339 if (!rentalSelectedEquipmentIds.includes(id)) { 2340 set([...rentalSelectedEquipmentIds, id]); 2341 } 2342 } 2343 2344 function remove(id) { 2345 load(); 2346 id = String(id); 2347 set(rentalSelectedEquipmentIds.filter(x => x !== id)); 2348 } 2349 2350 function clear() { 2351 set([]); 2352 } 2353 2354 function syncUI() { 2355 $('.rental-equipment-card').each(function() { 2356 const $card = $(this); 2357 const id = String($card.data('id')); 2358 const selected = rentalSelectedEquipmentIds.includes(id); 2359 2360 $card.find('.rental-equipment-checkbox').prop('checked', selected); 2361 $card.find('> div').toggleClass('border-primary bg-lightBlue-80', selected); 2362 }); 2363 } 2364 2365 function updateRibbon() { 2366 $('#selected-ribbon-count').text(rentalSelectedEquipmentIds.length); 2367 $('#selected-equipment-ribbon') 2368 .toggleClass('hidden', rentalSelectedEquipmentIds.length === 0); 2369 } 2370
2371 function init() { 2372 load(); 2373 syncUI(); 2374 updateRibbon(); 2375 } 2376 2377 return { 2378 init, 2379 set, 2380 get, 2381 add, 2382 remove, 2383 clear 2384 }; 2385 2386 })(); 2387 2388 window.RentalSearchData = (function () { 2389 const LOCATION_KEY = 'rentalLocation'; 2390 const METHOD_KEY = 'rentalFulfillmentMethod'; 2391 2392 function getLocation() { 2393 try { 2394 return localStorage.getItem(LOCATION_KEY) || ''; 2395 } catch { 2396 return ''; 2397 } 2398 } 2399 2400 function setLocation(value) { 2401 try { 2402 localStorage.setItem(LOCATION_KEY, value || ''); 2403 } catch {} 2404 } 2405 2406 function getFulfillmentMethod() { 2407 try { 2408 return localStorage.getItem(METHOD_KEY) || ''; 2409 } catch { 2410 return ''; 2411 } 2412 } 2413 2414 function setFulfillmentMethod(value) { 2415 try { 2416 localStorage.setItem(METHOD_KEY, value || ''); 2417 } catch {} 2418 } 2419 2420 function clear() { 2421 try { 2422 localStorage.removeItem(LOCATION_KEY); 2423 localStorage.removeItem(METHOD_KEY); 2424 } catch {} 2425 } 2426 2427 return { 2428 getLocation: getLocation, 2429 setLocation: setLocation, 2430 getFulfillmentMethod: getFulfillmentMethod, 2431 setFulfillmentMethod: setFulfillmentMethod, 2432 clear: clear, 2433 }; 2434 })(); 2435</script>
2435 2436
2437<script> 2438 document.addEventListener("DOMContentLoaded", function() { 2439 if (typeof $ === 'undefined') return; 2440 2441 // GLOBAL inquire-now 2442 $(document).on('click', '.inquire-now-btn', function() { 2443 const equipmentId = String($(this).data('id') || $(this).closest('.equipment-card').data('id')); 2444 2445 if (!equipmentId) return; 2446 2447 window.EquipmentSelection.add(equipmentId); 2448 2449 window.QuoteModal.load( 2450 window.EquipmentSelection.get(equipmentId) 2451 ); 2452 }); 2453 2454 // GLOBAL checkbox 2455 $(document).on('change', '.equipment-checkbox', function() { 2456 const id = String($(this).val()); 2457 2458 if ($(this).is(':checked')) { 2459 window.EquipmentSelection.add(id); 2460 } else { 2461 window.EquipmentSelection.remove(id); 2462 } 2463 }); 2464 2465 // GLOBAL quote button 2466 $(document).on('click', '.btn-quote', function() { 2467 window.QuoteModal.load( 2468 window.EquipmentSelection.get() 2469 ); 2470 }); 2471 2472 // GLOBAL clear 2473 $(document).on('click', '.clear-equipment', function() { 2474 window.EquipmentSelection.clear(); 2475 }); 2476 }); 2477</script>
vendor: 1 bytes, line 2477
2477
2478<script> 2479 document.addEventListener("DOMContentLoaded", function() { 2480 if (typeof $ === 'undefined') return; 2481 2482 // Rental: inquire-now 2483 // $(document).on('click', '.rental-inquire-now-btn', function() { 2484 // const equipmentId = String($(this).data('id') || $(this).closest('.rental-equipment-card').data('id')); 2485 2486 // if (!equipmentId) return; 2487 2488 // window.RentalEquipmentSelection.add(equipmentId); 2489 2490 // window.location.href = '/rentals/inquiry'; 2491 // }); 2492 2493 // Rental: checkbox 2494 $(document).on('change', '.rental-equipment-checkbox', function() { 2495 const id = String($(this).val()); 2496 2497 if ($(this).is(':checked')) { 2498 window.RentalEquipmentSelection.add(id); 2499 } else { 2500 window.RentalEquipmentSelection.remove(id); 2501 } 2502 }); 2503 2504 // Rental: quote button 2505 // $(document).on('click', '.rental-btn-quote', function() { 2506 // window.location.href = '/rentals/inquiry'; 2507 // }); 2508 2509 // Rental: clear 2510 $(document).on('click', '.rental-clear-equipment', function() { 2511 window.RentalEquipmentSelection.clear(); 2512 }); 2513 }); 2514</script>
vendor: 1 bytes, line 2514
2514
2515<script> 2516 document.querySelectorAll('[data-epc-continuity-cards]').forEach((group) => { 2517 const cards = group.querySelectorAll('.epc-continuity-card'); 2518 2519 const setActiveCard = (activeCard) => { 2520 cards.forEach((item) => item.classList.remove('is-active')); 2521 activeCard.classList.add('is-active'); 2522 }; 2523 2524 cards.forEach((card) => { 2525 card.addEventListener('mouseenter', () => { 2526 setActiveCard(card); 2527 }); 2528 2529 card.addEventListener('focusin', () => { 2530 setActiveCard(card); 2531 }); 2532 2533 card.addEventListener('touchstart', () => { 2534 setActiveCard(card); 2535 }, { passive: true }); 2536 2537 card.addEventListener('pointerdown', (event) => { 2538 if (event.pointerType === 'touch' || event.pointerType === 'pen') { 2539 setActiveCard(card); 2540 } 2541 }); 2542 }); 2543 }); 2544 2545 document.querySelectorAll('[data-project-cards]').forEach((group) => { 2546 const cards = group.querySelectorAll('.projects-owl-card'); 2547 2548 const setActiveCard = (activeCard) => { 2549 cards.forEach((item) => item.classList.remove('is-active')); 2550 activeCard.classList.add('is-active'); 2551 }; 2552 2553 const isTouchLikePointer = () => window.matchMedia('(hover: none), (pointer: coarse)').matches; 2554 2555 cards.forEach((card) => { 2556 card.addEventListener('mouseenter', () => { 2557 setActiveCard(card); 2558 }); 2559 2560 card.addEventListener('focusin', () => { 2561 setActiveCard(card); 2562 }); 2563 2564 card.addEventListener('touchstart', () => { 2565 if (!card.classList.contains('is-active')) { 2566 card.dataset.touchActivated = 'true'; 2567 } 2568 2569 setActiveCard(card); 2570 }, { passive: true }); 2571 2572 card.addEventListener('pointerdown', (event) => { 2573 if (event.pointerType === 'touch' || event.pointerType === 'pen') { 2574 if (!card.classList.contains('is-active')) { 2575 card.dataset.touchActivated = 'true'; 2576 } 2577 2578 setActiveCard(card); 2579 } 2580 }); 2581 2582 card.addEventListener('click', (event) => { 2583 if (!isTouchLikePointer() || card.dataset.touchActivated !== 'true') { 2584 return; 2585 } 2586 2587 event.preventDefault(); 2588 delete card.dataset.touchActivated; 2589 setActiveCard(card); 2590 }); 2591 }); 2592 }); 2593</script>
vendor: 1 bytes, line 2593
2593
2594<script> 2595 2596 document.addEventListener("DOMContentLoaded", function() { 2597 const rows = document.querySelectorAll(".compare-row"); 2598 2599 function closeRow(row) { 2600 const panels = row.querySelectorAll(".compare-panel"); 2601 const contents = row.querySelectorAll(".compare-content"); 2602 2603 row.classList.remove("active"); 2604 2605 panels.forEach((panel) => { 2606 panel.classList.remove("active"); 2607 panel.setAttribute("aria-expanded", "false"); 2608 }); 2609 2610 contents.forEach((content) => { 2611 content.style.maxHeight = null; 2612 content.classList.remove("opacity-100"); 2613 content.classList.add("opacity-0"); 2614 }); 2615 } 2616 2617 function openRow(row) { 2618 const panels = row.querySelectorAll(".compare-panel"); 2619 const contents = row.querySelectorAll(".compare-content"); 2620 2621 rows.forEach((item) => closeRow(item)); 2622 2623 row.classList.add("active"); 2624 2625 panels.forEach((panel) => { 2626 panel.classList.add("active"); 2627 panel.setAttribute("aria-expanded", "true"); 2628 }); 2629 2630 contents.forEach((content) => { 2631 content.style.maxHeight = content.scrollHeight + "px"; 2632 content.classList.remove("opacity-0"); 2633 content.classList.add("opacity-100"); 2634 }); 2635 } 2636 2637 rows.forEach((row) => { 2638 row.addEventListener("click", (event) => { 2639 const panel = event.target.closest(".compare-panel"); 2640 2641 if (!panel || !row.contains(panel)) return; 2642 2643 const isOpen = row.classList.contains("active"); 2644 2645 if (isOpen) { 2646 closeRow(row); 2647 return; 2648 } 2649 2650 openRow(row); 2651 }); 2652 2653 row.addEventListener("keydown", (event) => { 2654 if (event.key !== "Enter" && event.key !== " ") return; 2655 2656 const panel = event.target.closest(".compare-panel"); 2657 2658 if (!panel || !row.contains(panel)) return; 2659 2660 event.preventDefault(); 2661 panel.click(); 2662 }); 2663 2664 row.querySelectorAll(".compare-panel").forEach((panel) => { 2665 panel.setAttribute("aria-expanded", "false"); 2666 }); 2667 }); 2668 }); 2669</script>
2669 2670 2671 2672
2672<script> 2673 document.addEventListener("DOMContentLoaded", function() { if (typeof $ !== 'undefined') { 2674 // â List of free email domains 2675 const freeDomains = [ 2676 'gmail.com', 'yahoo.com', 'hotmail.com', 'outlook.com', 2677 'aol.com', 'icloud.com', 'live.com', 'msn.com', 'protonmail.com', 2678 'mail.com', 'yandex.com', 'gmx.com', 'inbox.com', 'example.com' 2679 ]; 2680 2681 // â Function to check corporate email 2682 function isFreeEmail(email) { 2683 const domain = email.split('@')[1]?.toLowerCase(); 2684 return freeDomains.includes(domain); 2685 } 2686 2687 // â Custom email validation method 2688 $.validator.addMethod("corporateEmail", function (value, element) { 2689 if (!value) return true; // handled by required 2690 const domain = value.split('@')[1]?.toLowerCase(); 2691 return !freeDomains.includes(domain); 2692 }, "Please use your corporate email address."); 2693 2694 // â Custom email format validation 2695 $.validator.addMethod("validEmail", function (value, element) { 2696 return this.optional(element) || /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value); 2697 }, "Please enter a valid email address."); 2698 var validator = $("#news-letter").validate({ 2699 onkeyup: function(element) { 2700 $(element).valid(); 2701 }, 2702 onfocusout: function(element) { 2703 $(element).valid(); 2704 }, 2705 rules: { 2706 news_letter_email: { 2707 required: true, 2708 email: true, 2709 validEmail: true, 2710 corporateEmail: true 2711 } 2712 }, 2713 messages: { 2714 news_letter_email: { 2715 required: "Email is required", 2716 email: "Enter a valid email address", 2717 validEmail: "Enter a valid email address", 2718 corporateEmail: "Please use your corporate email address." 2719 } 2720 }, 2721 errorClass: 'text-white text-sm font-montserrat pl-3', 2722 validClass: 'text-white text-sm font-montserrat pl-3', 2723 success: function(label) { 2724 label.remove(); 2725 }, 2726 errorPlacement: function(error, element) { 2727 if (element.attr("type") === "checkbox") { 2728 error.insertAfter(element.closest(".checkbox_agree_policy")); 2729 } else { 2730 error.insertAfter(element.closest(".input_news_letter")); 2731 } 2732 }, 2733 submitHandler: function(form) { 2734 var form = $(form); 2735 var url = form.attr('action'); 2736 var submitButton = $('#btn-submit-news-letter'); 2737 2738 submitButton.prop('disabled', true); 2739 2740 $.ajax({ 2741 type: 'POST', 2742 url: url, 2743 data: form.serialize(), 2744 success: function(response) { 2745 if (response.success) { 2746 iziToast.success({ 2747 message: response.message, 2748 position: 'topRight' 2749 }); 2750 form.trigger('reset'); 2751 } else { 2752 iziToast.error({ 2753 message: response.message || 'Subscription failed', 2754 position: 'topRight' 2755 }); 2756 } 2757 }, 2758 error: function(xhr) { 2759 if (xhr.status === 422 && xhr.responseJSON?.errors) { 2760 handleValidationErrors(xhr.responseJSON.errors); 2761 } else { 2762 toastr.error(xhr.responseJSON?.message || 'An error occurred'); 2763 } 2764 }, 2765 complete: function() { 2766 submitButton.prop('disabled', false); 2767 } 2768 }); 2769 2770 return false;
2771 } 2772 }); 2773 } }); 2774</script>
2774 2775 2776
2776<script defer type="text/javascript" src='https://crmplus.zoho.com/crm/javascript/zcga.js'> </script>
2776 2777</body> 2778 2779</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.