PageSourceSearch

https://prismecs.com/about-us

html prismecs.com collected 2026-10-02 06:43:58 UTC 186,326 bytes, 2,779 lines download raw bytes

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 &amp; 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 &amp; 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.