PageSourceSearch

https://www.iteris.com/news

html iteris.com collected 2026-10-01 10:17:04 UTC 211,996 bytes, 2,424 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" dir="ltr" class="filament-fabricator">
3
4<head>
4<script nonce="ufPsP5a8fukCfcQT9OO9HZtJ">!function(){var e="/sri-report";function n(n){try{var t={url:n.src||n.href||null,tag:n.tagName,integrity:n.getAttribute("integrity"),documentUri:location.href,referrer:document.referrer||null},r=JSON.stringify(t);navigator.sendBeacon?navigator.sendBeacon(e,new Blob([r],{type:"application/json"})):fetch(e,{method:"POST",body:r,headers:{"Content-Type":"application/json"},keepalive:!0,credentials:"same-origin"})}catch(e){}}window.addEventListener("error",function(e){var t=e.target;t&&t.getAttribute&&t.hasAttribute("data-sri-managed")&&("SCRIPT"===t.tagName||"LINK"===t.tagName)&&n(t)},!0)}();</script>
4
5    
6
7    <meta charset="utf-8">
8    <meta name="viewport" content="width=device-width, initial-scale=1">
9    <meta name="csrf-token" content="ifQ7uT5vtZYrWch4imFBDEkEE4YIBnXjauRom3NT">
10
11    <link rel="preload" as="style" href="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/build/assets/app-DJyXpY8a.css" nonce="ufPsP5a8fukCfcQT9OO9HZtJ" /><link rel="modulepreload" as="script" href="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/build/assets/app-DVLt3q4h.js" nonce="ufPsP5a8fukCfcQT9OO9HZtJ" /><link rel="modulepreload" as="script" href="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/build/assets/laravel-vapor-BC952jiz.js" nonce="ufPsP5a8fukCfcQT9OO9HZtJ" /><link rel="stylesheet" href="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/build/assets/app-DJyXpY8a.css" nonce="ufPsP5a8fukCfcQT9OO9HZtJ" data-navigate-track="reload" />
11<script type="module" src="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/build/assets/app-DVLt3q4h.js" nonce="ufPsP5a8fukCfcQT9OO9HZtJ" data-navigate-track="reload"></script>
11    <link
12            href="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/css/pboivin/filament-peek/filament-peek.css?v=2.4.0.0"
13            rel="stylesheet"
14            data-navigate-track
15        />
16                <link
17            href="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/css/filament/forms/forms.css?v=3.3.54.0"
18            rel="stylesheet"
19            data-navigate-track
20        />
21                <link
22            href="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/css/filament/support/support.css?v=3.3.54.0"
23            rel="stylesheet"
24            data-navigate-track
25        />
26    
27<style>
28    :root {
29         --danger-50:254, 242, 242;  --danger-100:254, 226, 226;  --danger-200:254, 202, 202;  --danger-300:252, 165, 165;  --danger-400:248, 113, 113;  --danger-500:239, 68, 68;  --danger-600:220, 38, 38;  --danger-700:185, 28, 28;  --danger-800:153, 27, 27;  --danger-900:127, 29, 29;  --danger-950:69, 10, 10;  --gray-50:250, 250, 250;  --gray-100:244, 244, 245;  --gray-200:228, 228, 231;  --gray-300:212, 212, 216;  --gray-400:161, 161, 170;  --gray-500:113, 113, 122;  --gray-600:82, 82, 91;  --gray-700:63, 63, 70;  --gray-800:39, 39, 42;  --gray-900:24, 24, 27;  --gray-950:9, 9, 11;  --info-50:239, 246, 255;  --info-100:219, 234, 254;  --info-200:191, 219, 254;  --info-300:147, 197, 253;  --info-400:96, 165, 250;  --info-500:59, 130, 246;  --info-600:37, 99, 235;  --info-700:29, 78, 216;  --info-800:30, 64, 175;  --info-900:30, 58, 138;  --info-950:23, 37, 84;  --primary-50:255, 251, 235;  --primary-100:254, 243, 199;  --primary-200:253, 230, 138;  --primary-300:252, 211, 77;  --primary-400:251, 191, 36;  --primary-500:245, 158, 11;  --primary-600:217, 119, 6;  --primary-700:180, 83, 9;  --primary-800:146, 64, 14;  --primary-900:120, 53, 15;  --primary-950:69, 26, 3;  --success-50:240, 253, 244;  --success-100:220, 252, 231;  --success-200:187, 247, 208;  --success-300:134, 239, 172;  --success-400:74, 222, 128;  --success-500:34, 197, 94;  --success-600:22, 163, 74;  --success-700:21, 128, 61;  --success-800:22, 101, 52;  --success-900:20, 83, 45;  --success-950:5, 46, 22;  --warning-50:255, 251, 235;  --warning-100:254, 243, 199;  --warning-200:253, 230, 138;  --warning-300:252, 211, 77;  --warning-400:251, 191, 36;  --warning-500:245, 158, 11;  --warning-600:217, 119, 6;  --warning-700:180, 83, 9;  --warning-800:146, 64, 14;  --warning-900:120, 53, 15;  --warning-950:69, 26, 3;     }
30</style>
31
32
33                <meta name="description" content="News, Iteris, Inc. The global leader in smart mobility infrastructure management.">
34    
35
36    
37    
38
39    <link rel="icon" type="image/x-icon" href="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/assets/ms-icon-144x144.png">
40    <title>News | Iteris, Inc.</title>
41
42
43    <style>
44        [x-cloak=""],
45        [x-cloak="x-cloak"],
46        [x-cloak="1"] {
47            display: none !important;
48        }
49    </style>
50
51
52    
53    
54
55    
56    
57    
58    
59</head>
60
61<body x-data="{ show_backToTop: false }" @scroll.window="show_backToTop = window.pageYOffset > 30">
62    
63    
64
65    <header class="bg-black text-white  top-0  z-[999]" x-data="{ headerMarquee: true }">
66            <div class="bg-blue-900 px-10 py-2 relative flex overflow-hidden" x-show="headerMarquee">
67            <div class="mx-auto w-full max-w-7xl relative">
68                <div class="mx-auto w-full max-w-[1150px] overflow-hidden">
69                    <div class="text-center static text-base font-bold whitespace-nowrap w-full cursor-pointer top_bar_text md:block hidden">
70                        <span><p><strong>Watch Now:</strong> <a href="https://connect.iteris.com/vantage-link-webinar-register"><span style="text-decoration: underline;">From the Field: How Agencies Are Modernizing Traffic Cabinet Operations with Remote Monitoring</span></a></p></span>
71                    </div>
72                    <div class="text-center static text-base font-bold whitespace-nowrap w-full cursor-pointer top_bar_text md:hidden block ">
73                        <span><marquee><p><strong>Watch Now:</strong> <a href="https://connect.iteris.com/vantage-link-webinar-register"><span style="text-decoration: underline;">From the Field: How Agencies Are Modernizing Traffic Cabinet Operations with Remote Monitoring</span></a></p></span></marquee>
74                    </div>
75                </div>
76                <div @click="headerMarquee = false;setCookies()"
77                    class="absolute -right-[30px] top-0 w-5 h-5 border border-white rounded-full flex justify-center items-center">
78                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2"
79                        stroke="currentColor" class="w-4 h-4">
80                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
81                    </svg>
82                </div>
83            </div>
84        </div>
85        <nav id="header_fixed">
86
87        <div class="mx-auto max-w-[1280px] px-4 xl:px-4">
88
89            <div class="relative flex lg:py-6 py-4 items-center justify-between" x-data="menuShowHindOnMoblieScreen()">
90                <div class="absolute inset-y-0 right-10 flex items-center lg:hidden">
91                    <!-- Mobile menu button-->
92
93                    <button @click="showMenu" type="button"
94                        class="relative inline-flex items-center justify-center rounded-md text-gray-400 hover:text-white focus:outline-none focus:ring-0 focus:ring-inset"
95                        aria-controls="mobile-menu" aria-expanded="false">
96                        <span class="absolute"></span>
97                        <span class="sr-only">Open main menu</span>
98                        <svg class="block h-10 w-10 text-[#91C73E]" fill="none" viewBox="0 0 24 24"
99                            stroke-width="1.5" stroke="currentColor" aria-hidden="true">
100                            <path stroke-linecap="round" stroke-linejoin="round"
101                                d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
102                        </svg>
103                        <svg class="hidden h-10 w-10 text-[#91C73E]" fill="none" viewBox="0 0 24 24"
104                            stroke-width="1.5" stroke="currentColor" aria-hidden="true">
105                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
106                        </svg>
107                    </button>
108                </div>
109                <div class="flex flex-1 items-center justify-between  flex-wrap gap-y-3">
110                    <div class="flex flex-shrink-0 items-center">
111                        <a href="/" class="no-underline py-0.5 relative"
112                            aria-current="page">
113                            <img class="h-10 w-auto" src="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/assets/logo.svg" alt="Iteris Logo">
114                        </a>
115                    </div>
116                    <div class="flex items-center gap-5">
117                        <div id="moblieViewCondition" class="sm:ml-5 ml-auto menu_mobile">
118
119                            <ul
120                                class="flex lg:flex-row flex-col lg:items-center xl:space-x-9 lg:space-x-5 lg:static fixed top-0 bottom-0 right-0 lg:max-w-none lg:w-auto w-full max-w-xs z-[99] lg:bg-transparent bg-black lg:space-y-0 space-y-4 lg:p-0 p-5 lg:overflow-hidden overflow-y-auto h-auto">
121                                <button class="flex ml-auto close_icon" @click="hideMenu" x-show="closeButton"
122                                    style="display: none;">
123                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
124                                        stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
125                                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12">
126                                        </path>
127                                    </svg>
128                                </button>
129
130
131                                                                                                            <li class="dropdown-submenus group m-0 list-none menu-item-0">
132                                            <a class="py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:after:bg-[#89BC37] hover:text-[#89BC37] "
133                                                href="/why-iteris"
134                                                target="_self">Why Iteris</a>
135                                            <div
136                                                class="group-hover:block dropdown-submenu w-full min-w-[200px] lg:px-2.5 lg:py-5 py-2.5 pl-3 pr-2.5 lg:bg-white lg:rounded-[3px] lg:border-solid lg:border-[#B7B7B7] lg:border z-50 block gap-5 lg:flex-nowrap flex-wrap lg:max-w-fit lg:absolute lg:top-[55px] lg:hidden list-none lg:mx-auto lg:overflow-hidden overflow-y-auto
137                                                
138                                                ">
139                                                <div class="flex">
140                                                    
141                                                    <div class="w-full lg:float-left lg:px-2 lg:min-w-56">
142
143                                                                                                                                                                                    <ul class="">
144                                                                    <li class="mb-2 leading-tight">
145                                                                        <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
146                                                                            href="/why-iteris/ourcapabilities"
147                                                                            target="_self">Our Capabilities</a>
148                                                                    </li>
149                                                                </ul>
150                                                                                                                                                                                                                                                <ul class="">
151                                                                    <li class="mb-2 leading-tight">
152                                                                        <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
153                                                                            href="/why-iteris/ourplatform"
154                                                                            target="_self">Our Platform</a>
155                                                                    </li>
156                                                                </ul>
157                                                                                                                                                                                                                                                <ul class="">
158                                                                    <li class="mb-2 leading-tight">
159                                                                        <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
160                                                                            href="/why-iteris/ourpeople"
161                                                                            target="_self">
161Our People</a>
162                                                                    </li>
163                                                                </ul>
164                                                                                                                                                                                                                                                <ul class="">
165                                                                    <li class="mb-2 leading-tight">
166                                                                        <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
167                                                                            href="/why-iteris/ourhistory"
168                                                                            target="_self">Our History</a>
169                                                                    </li>
170                                                                </ul>
171                                                                                                                    
172                                                    </div>
173
174                                                                                                    </div>
175
176
177
178                                            </div>
179                                        </li>
180                                                                                                                                                <li class="dropdown-submenus group m-0 list-none menu-item-1">
181                                            <a class="py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:after:bg-[#89BC37] hover:text-[#89BC37] "
182                                                href="/industries"
183                                                target="_self"> Industries</a>
184                                            <div
185                                                class="group-hover:block dropdown-submenu w-full min-w-[200px] lg:px-2.5 lg:py-5 py-2.5 pl-3 pr-2.5 lg:bg-white lg:rounded-[3px] lg:border-solid lg:border-[#B7B7B7] lg:border z-50 block gap-5 lg:flex-nowrap flex-wrap lg:max-w-fit lg:absolute lg:top-[55px] lg:hidden list-none lg:mx-auto lg:overflow-hidden overflow-y-auto
186                                                left-0 right-0
187                                                ">
188                                                <div class="flex">
189                                                    
190                                                    <div class="w-full lg:float-left lg:px-2 lg:min-w-56">
191
192                                                                                                                                                                                    <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56">
193                                                                    <span
194                                                                        class="text-sm font-bold text-[#29abe2] leading-5 mb-2 pb-2 block border-[#29abe2] border-solid border-b">Public Agencies</span>
195                                                                    <ul class="p-0 m-0 list-none">
196                                                                                                                                                                                                                            <li class="mb-2 leading-tight">
197                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
198                                                                                    href="/industries/local-municipalities"
199                                                                                    target="_self">Local Municipalities</a>
200                                                                            </li>
201                                                                                                                                                    <li class="mb-2 leading-tight">
202                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
203                                                                                    href="/industries/regional-agencies"
204                                                                                    target="_self">Regional Agencies</a>
205                                                                            </li>
206                                                                                                                                                    <li class="mb-2 leading-tight">
207                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
208                                                                                    href="/industries/states"
209                                                                                    target="_self">State DOTs</a>
210                                                                            </li>
211                                                                                                                                                    <li class="mb-2 leading-tight">
212                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
213                                                                                    href="/industries/federal-national-governments"
214                                                                                    target="_self">Federal and National Governments</a>
215                                                                            </li>
216                                                                                                                                            </ul>
217                                                                </div>
218                                                                                                                                                                                                                                                <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56">
219                                                                    <sp
219an
220                                                                        class="text-sm font-bold text-[#29abe2] leading-5 mb-2 pb-2 block border-[#29abe2] border-solid border-b">Commercial Enterprises</span>
221                                                                    <ul class="p-0 m-0 list-none">
222                                                                                                                                                                                                                            <li class="mb-2 leading-tight">
223                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
224                                                                                    href="/industries/construction-consulting"
225                                                                                    target="_self">Construction &amp; Consulting</a>
226                                                                            </li>
227                                                                                                                                                    <li class="mb-2 leading-tight">
228                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
229                                                                                    href="/industries/automotive-oems"
230                                                                                    target="_self">Automotive OEMs</a>
231                                                                            </li>
232                                                                                                                                                    <li class="mb-2 leading-tight">
233                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
234                                                                                    href="/industries/maptech"
235                                                                                    target="_self">Map Tech</a>
236                                                                            </li>
237                                                                                                                                                    <li class="mb-2 leading-tight">
238                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
239                                                                                    href="/industries/media"
240                                                                                    target="_self">Media</a>
241                                                                            </li>
242                                                                                                                                                    <li class="mb-2 leading-tight">
243                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
244                                                                                    href="/industries/insurance"
245                                                                                    target="_self">Insurance</a>
246                                                                            </li>
247                                                                                                                                            </ul>
248                                                                </div>
249                                                                                                                    
250                                                    </div>
251
252                                                                                                    </div>
253
254
255
256                                            </div>
257                                        </li>
258                                                                                                                                                <li class="dropdown-submenus group m-0 list-none menu-item-2">
259                                            <a class="py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:after:bg-[#89BC37] hover:text-[#89BC37] "
260                                                href="/oursolutions"
261                                                target="_self">Solutions</a>
262                                            <div
263                                                class="group-hover:block dropdown-submenu w-full min-w-[200px] lg:px-2.5 lg:py-5 py-2.5 pl-3 pr-2.5 lg:bg-white lg:rounded-[3px] lg:border-solid lg:border-[#B7B7B7] lg:border z-50 block gap-5 lg:flex-nowrap flex-wrap lg:max-w-fit lg:absolute lg:top-[55px] lg:hidden list-none lg:mx-auto lg:overflow-hidden overflow-y-auto
264                                                left-0 right-0
265                                                ">
266                                                <div class="flex">
267                                                    
268                                                    <div class="w-full lg:float-left lg:px-2 lg:min-w-56">
269
270                                                                                                                                                                                    <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56">
271                                                                    <sp
271an
272                                                                        class="text-sm font-bold text-[#29abe2] leading-5 mb-2 pb-2 block border-[#29abe2] border-solid border-b">Smart Sensors</span>
273                                                                    <ul class="p-0 m-0 list-none">
274                                                                                                                                                                                                                            <li class="mb-2 leading-tight">
275                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
276                                                                                    href="/oursolutions/traffic-detection"
277                                                                                    target="_self">Traffic Detection</a>
278                                                                            </li>
279                                                                                                                                                    <li class="mb-2 leading-tight">
280                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
281                                                                                    href="/oursolutions/connected-vehicles-v2x"
282                                                                                    target="_self">Connected Vehicles / V2X</a>
283                                                                            </li>
284                                                                                                                                                    <li class="mb-2 leading-tight">
285                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
286                                                                                    href="/oursolutions/pedestrian-cyclist-safety"
287                                                                                    target="_self">Pedestrian &amp; Cyclist Safety</a>
288                                                                            </li>
289                                                                                                                                                    <li class="mb-2 leading-tight">
290                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
291                                                                                    href="/oursolutions/travel-time-measurement/BlueTOAD"
292                                                                                    target="_self">Travel-Time-Measurement</a>
293                                                                            </li>
294                                                                                                                                                    <li class="mb-2 leading-tight">
295                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
296                                                                                    href="/oursolutions/vantagelink"
297                                                                                    target="_self">Cabinet Monitoring</a>
298                                                                            </li>
299                                                                                                                                            </ul>
300                                                                </div>
301                                                                                                                                                                                                                                                <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56">
302                                                                    <sp
302an
303                                                                        class="text-sm font-bold text-[#29abe2] leading-5 mb-2 pb-2 block border-[#29abe2] border-solid border-b">Mobility Intelligence</span>
304                                                                    <ul class="p-0 m-0 list-none">
305                                                                                                                                                                                                                            <li class="mb-2 leading-tight">
306                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
307                                                                                    href="/oursolutions/traffic-incident-data/cleardata"
308                                                                                    target="_self"> Traffic &amp; Incident Data</a>
309                                                                            </li>
310                                                                                                                                                    <li class="mb-2 leading-tight">
311                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
312                                                                                    href="/oursolutions/traffic-analytics-software"
313                                                                                    target="_self">Traffic Analytics Software</a>
314                                                                            </li>
315                                                                                                                                                    <li class="mb-2 leading-tight">
316                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
317                                                                                    href="/oursolutions/asset-management-software/clearasset"
318                                                                                    target="_self">Asset Management Software</a>
319                                                                            </li>
320                                                                                                                                                    <li class="mb-2 leading-tight">
321                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
322                                                                                    href="/oursolutions/clearguide-signals"
323                                                                                    target="_self">Signal Performance Measures</a>
324                                                                            </li>
325                                                                                                                                                    <li class="mb-2 leading-tight">
326                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
327                                                                                    href="/oursolutions/traveler-information-systems"
328                                                                                    target="_self">Traveler Information Systems</a>
329                                                                            </li>
330                                                                                                                                                    <li class="mb-2 leading-tight">
331                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
332                                                                                    href="/oursolutions/commercial-vehicle-operations"
333                                                                                    target="_self">Commercial Vehicle Operations</a>
334                                                                            </li>
335                                                                                                                                                    <li class="mb-2 leading-tight">
336                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
337                                                                                    href="/oursolutions/priority-preemption"
338                                                                                    target="_self">Signal Priority &amp; Preemption</a>
339                                                                            </li>
340                                                                                                                                            </ul>
341                                                                </div>
342                                                                                                                                                                                                                                                <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56">
343                                                                    <sp
343an
344                                                                        class="text-sm font-bold text-[#29abe2] leading-5 mb-2 pb-2 block border-[#29abe2] border-solid border-b">Managed Services</span>
345                                                                    <ul class="p-0 m-0 list-none">
346                                                                                                                                                                                                                            <li class="mb-2 leading-tight">
347                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
348                                                                                    href="/oursolutions/asset-management"
349                                                                                    target="_self">Asset Management</a>
350                                                                            </li>
351                                                                                                                                                    <li class="mb-2 leading-tight">
352                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
353                                                                                    href="/oursolutions/arterial-management"
354                                                                                    target="_self">Arterial Management</a>
355                                                                            </li>
356                                                                                                                                                    <li class="mb-2 leading-tight">
357                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
358                                                                                    href="/oursolutions/vantagecare"
359                                                                                    target="_self">Detection Support</a>
360                                                                            </li>
361                                                                                                                                                    <li class="mb-2 leading-tight">
362                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
363                                                                                    href="/oursolutions/maintenance-management"
364                                                                                    target="_self">Maintenance Management</a>
365                                                                            </li>
366                                                                                                                                            </ul>
367                                                                </div>
368                                                                                                                                                                                                                                                <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56">
369                                                                    <sp
369an
370                                                                        class="text-sm font-bold text-[#29abe2] leading-5 mb-2 pb-2 block border-[#29abe2] border-solid border-b">Mobility Consulting Services</span>
371                                                                    <ul class="p-0 m-0 list-none">
372                                                                                                                                                                                                                            <li class="mb-2 leading-tight">
373                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
374                                                                                    href="/oursolutions/mobility-consulting-services/connected-automated-vehicles"
375                                                                                    target="_self">Connected &amp; Automated Vehicles</a>
376                                                                            </li>
377                                                                                                                                                    <li class="mb-2 leading-tight">
378                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
379                                                                                    href="/oursolutions/mobility-consulting-services/transportation-planning"
380                                                                                    target="_self">Transportation Planning</a>
381                                                                            </li>
382                                                                                                                                                    <li class="mb-2 leading-tight">
383                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
384                                                                                    href="/oursolutions/mobility-consulting-services/workforce-development"
385                                                                                    target="_self">Workforce Development &amp; Training</a>
386                                                                            </li>
387                                                                                                                                                    <li class="mb-2 leading-tight">
388                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
389                                                                                    href="/oursolutions/mobility-consulting-services/TMC-design-staffing-operations"
390                                                                                    target="_self">TMC Design &amp; Operations</a>
391                                                                            </li>
392                                                                                                                                                    <li class="mb-2 leading-tight">
393                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
394                                                                                    href="/oursolutions/mobility-consulting-services/traffic-signal-timing"
395                                                                                    target="_self">Traffic Signal Timing</a>
396                                                                            </li>
397                                                                                                                                                    <li class="mb-2 leading-tight">
398                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
399                                                                                    href="/oursolutions/mobility-consulting-services/its-architecture-design-engineering"
400                                                                                    target="_self">ITS Architecture, Design &amp; Engineering</a>
401                                                                            </li>
402                                                                                                                                            </ul>
403                                                                </div>
404                                                                                                                    
405                                                    </div>
406
407                                                                                                    </div>
408
409
410
411                                            </div>
412                                        </li>
413                                                                                                                                                <li class="dropdown-submenus group m-0 list-none menu-item-3">
414                                            <a class="py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:after:bg-[#89BC37] hover:text-[#89BC37] "
415                                                href="javascript:void(0)"
416                                                target="_self">Company</a>
417                                            <div
418                                                class="group-hover:block dropdown-submenu w-full min-w-[200px] lg:px-2.5 lg:py-5 py-2.5 pl-3 pr-2.5 lg:bg-white lg:rounded-[3px] lg:border-solid lg:border-[#B7B7B7] lg:border z-50 block gap-5 lg:flex-nowrap flex-wrap lg:max-w-fit lg:absolute lg:top-[55px] lg:hidden list-none lg:mx-auto lg:overflow-hidden overflow-y-auto
419                                                left-0 right-0
420                                                ">
421                                                <div class="flex">
422                                                    
423                                                    <div class="w-full lg:float-left lg:px-2 lg:min-w-56">
424
425                                                                                                                                                                                    <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56">
426                                                                    <sp
426an
427                                                                        class="text-sm font-bold text-[#29abe2] leading-5 mb-2 pb-2 block border-[#29abe2] border-solid border-b">Corporate</span>
428                                                                    <ul class="p-0 m-0 list-none">
429                                                                                                                                                                                                                            <li class="mb-2 leading-tight">
430                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
431                                                                                    href="/company/about-us"
432                                                                                    target="_self">About Us</a>
433                                                                            </li>
434                                                                                                                                                    <li class="mb-2 leading-tight">
435                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
436                                                                                    href="/company/leadership-team"
437                                                                                    target="_self">Leadership Team</a>
438                                                                            </li>
439                                                                                                                                                    <li class="mb-2 leading-tight">
440                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
441                                                                                    href="/company/esg-commitment"
442                                                                                    target="_self">Our ESG Commitment</a>
443                                                                            </li>
444                                                                                                                                                    <li class="mb-2 leading-tight">
445                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
446                                                                                    href="/company/awards-and-recognition"
447                                                                                    target="_self">Awards &amp; Recognition</a>
448                                                                            </li>
449                                                                                                                                            </ul>
450                                                                </div>
451                                                                                                                                                                                                                                                <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56">
452                                                                    <sp
452an
453                                                                        class="text-sm font-bold text-[#29abe2] leading-5 mb-2 pb-2 block border-[#29abe2] border-solid border-b">Newsroom</span>
454                                                                    <ul class="p-0 m-0 list-none">
455                                                                                                                                                                                                                            <li class="mb-2 leading-tight">
456                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight active"
457                                                                                    href="/news"
458                                                                                    target="_self">Press Releases</a>
459                                                                            </li>
460                                                                                                                                                    <li class="mb-2 leading-tight">
461                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
462                                                                                    href="/blog"
463                                                                                    target="_self">Blog</a>
464                                                                            </li>
465                                                                                                                                                    <li class="mb-2 leading-tight">
466                                                                                <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
467                                                                                    href="/events"
468                                                                                    target="_self">Events</a>
469                                                                            </li>
470                                                                                                                                            </ul>
471                                                                </div>
472                                                                                                                    
473                                                    </div>
474
475                                                                                                    </div>
476
477
478
479                                            </div>
480                                        </li>
481                                                                                                                                                <li class="dropdown-submenus group m-0 list-none menu-item-4">
482                                            <a class="py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:after:bg-[#89BC37] hover:text-[#89BC37] "
483                                                href="/careers"
484                                                target="_self">Careers</a>
485                                            <div
486                                                class="group-hover:block dropdown-submenu w-full min-w-[200px] lg:px-2.5 lg:py-5 py-2.5 pl-3 pr-2.5 lg:bg-white lg:rounded-[3px] lg:border-solid lg:border-[#B7B7B7] lg:border z-50 block gap-5 lg:flex-nowrap flex-wrap lg:max-w-fit lg:absolute lg:top-[55px] lg:hidden list-none lg:mx-auto lg:overflow-hidden overflow-y-auto
487                                                
488                                                ">
489                                                <div class="flex">
490                                                    
491                                                    <div class="w-full lg:float-left lg:px-2 lg:min-w-56">
492
493                                                                                                                                                                                    <ul class="">
494                                                                    <li class="mb-2 leading-tight">
495                                                                        <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
496                                                                            href="/careers/#life-at-iteris"
497                                                                            target="_self">Life at Iteris</a>
498                                                                    </li>
499                                                                </ul>
500                                                                                                                                                                                                                                                <ul class="">
501                                                                    <li class="mb-2 leading-tight">
502                                                                        <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
503                                                                            href="/careers/#benef
503its"
504                                                                            target="_self">Benefits</a>
505                                                                    </li>
506                                                                </ul>
507                                                                                                                                                                                                                                                <ul class="">
508                                                                    <li class="mb-2 leading-tight">
509                                                                        <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
510                                                                            href="https://us241.dayforcehcm.com/CandidatePortal/en-US/iteris"
511                                                                            target="_blank">Open Positions</a>
512                                                                    </li>
513                                                                </ul>
514                                                                                                                    
515                                                    </div>
516
517                                                                                                    </div>
518
519
520
521                                            </div>
522                                        </li>
523                                                                                                                                                <li class="dropdown-submenus group m-0 list-none menu-item-5">
524                                            <a class="py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:after:bg-[#89BC37] hover:text-[#89BC37] "
525                                                href="javascript:void(0)"
526                                                target="_self">Resources</a>
527                                            <div
528                                                class="group-hover:block dropdown-submenu w-full min-w-[200px] lg:px-2.5 lg:py-5 py-2.5 pl-3 pr-2.5 lg:bg-white lg:rounded-[3px] lg:border-solid lg:border-[#B7B7B7] lg:border z-50 block gap-5 lg:flex-nowrap flex-wrap lg:max-w-fit lg:absolute lg:top-[55px] lg:hidden list-none lg:mx-auto lg:overflow-hidden overflow-y-auto
529                                                featured-added
530                                                ">
531                                                <div class="flex">
532                                                                                                            <div class="mb-4 ">
533                                                            <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56 text-black">
534                                                                <span><div class="cta-banner">
535  <div class="content">
536    <h2>SOLUTIONS FOR SMART MOBILITY</h2>
537    <p>Discover innovative solutions for modern urban transportation</p>
538    <a href="/flipbooks/iteris-solutions" target="_blank" rel="noopener" class="button-link">
539      <span class="cta-button">View catalog</span>
540    </a>
541  </div>
542  <div class="image-container">
543    <div class="image"></div>
544  </div>
545  <style>
546    .cta-banner {
547      margin-right:24px;
548      min-width: 400px;
549      display: flex;
550      background-color: #f0f8ff;
551      border-radius: 8px;
552      overflow: hidden;
553      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
554    }
555    .cta-banner .content {
556      flex: 1;
557      padding: 20px;
558      display: flex;
559      flex-direction: column;
560      justify-content: center;
561    }
562    .cta-banner h2 {
563      font-size: 1.2rem;
564      font-weight: bold;
565      margin-bottom: 10px;
566      color: #333;
567    }
568    .cta-banner p {
569      font-size: 0.9rem;
570      margin-bottom: 15px;
571      color: #666;
572    }
573    .cta-banner .button-link {
574      text-decoration: none;
575      display: inline-block;
576    }
577    .cta-banner .cta-button {
578      display: inline-block;
579      background-color: #007bff;
580      color: white;
581      border: none;
582      padding: 8px 16px;
583      border-radius: 4px;
584      cursor: pointer;
585      font-size: 0.9rem;
586      transition: background-color 0.3s;
587    }
588    .cta-banner .cta-button:hover {
589      background-color: #0056b3;
590    }
591    .cta-banner .image-container {
592      width: 40%;
593      position: relative;
594      overflow: hidden;
595    }
596    .cta-banner .image {
597      position: absolute;
598      top: 0;
599      right: 0;
600      bottom: 0;
601      left: 0;
602      background-image: url('https://prod-iteris-website-2024-4222cd.s3-us-west-1.amazonaws.com/pb-bQmx2Vj00x.png?o=1');
603      background-size: cover;
604      background-position: cover;
605      transform: scale(1.1);
606    }
607  </style>
608</div></span>
609                                                            </div>
610                                                        </div>
611                                                    
612                                                    <div class="w-full lg:float-left lg:px-2 lg:min-w-56">
613
614                                                                                                                                                                                    <ul class="">
615                                                                    <li class="mb-2 leading-tight">
616                                                                        <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
617                                                                            href="/resource-center"
618                                                                            target="_self">Resource Center</a>
619                                                                    </li>
620                                                                </ul>
621                                                                                                                                                                                                                                                <ul class="">
622                                                                    <li class="mb-2 leading-tight">
623                                                                        <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
624                                                                            href="/training-center"
625                                                                            target="_self">Training Center</a>
626                                                                    </li>
627                                                                </ul>
628                                                                                                                                                                                                                                                <ul class="">
629                                                                    <li class="mb-2 leading-tight">
630                                                                        <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
631                                                                            href="/mobilityu"
632                                                                            target="_self">MobilityU</a>
633                                                                    </li>
634                                                                </ul>
635                                                                                                                                                                                                                                                <ul class="">
636                                                                    <li class="mb-2 leading-tight">
637                                                                        <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
638                                                                            href="/mobilityu/webinars"
639                                                                            target="_self">Webinars</a>
640                                                                    </li>
641                                                                </ul>
642                                                                                                                                                                                                                                                <ul class="">
643                                                                    <li class="mb-2 leading-tight">
644                                                                        <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
645                                                                            href="/mobilityu/intersection-intelligence"
646                                                                            target="_self">Video Courses</a>
647                                                                    </li>
648                                                                </ul>
649                                                                                                                                                                                                                                                <ul class="">
650                                                                    <li class="mb-2 leading-tight">
651                                                                        <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
652                                                                            href="/flipbooks/iteris-solutions"
653                                                                            target="_blank">Iteris Solutions Catalog</a>
654                                                                    </li>
655                                                                </ul>
656                                                                                                                                                                                                                                                <ul class="">
657                                                                    <li class="mb-2 leading-tight">
658                                                                        <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight "
659                                                                            href="https://www.iteris.com/contact/product-support"
660                                                                            target="_self">Request Support</a>
661                                                                    </li>
662                                                                </ul>
663                                                                                                                    
664                                                    </div>
665
666                                                                                                    </div>
667
668
669
670                                            </div>
671                                        </li>
672                                                                    
673                                <li class="m-0 list-none">
674                                    <a href="https://www.iteris.com/contact"
675                                        class="inline-block text-center py-1.5 px-5 bg-green-900 hover:bg-blue-900 text-black hover:text-white transition-all duration-300 text-lg rounded-full lg:mt-0 mt-4">Contact
676                                        Us</a>
677                                </li>
678                            </ul>
679
680                            
681                        </div>
682                        <!-- Search Bar Start -->
683                        <div x-data="{ show: false }">
684                            <span class="cursor-pointer" @click="show = !show" :aria-expanded="show ? 'true' : 'false'"
685                                :class="{ 'active': show }">
686                                <img src="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/assets/search_icon.png" alt="">
687                            </span>
688                            <div x-show="show" x-transition
689                                class="absolute right-0 top-16 bg-white p-3 rounded-md shadow-md z-[999]"
690                                style="display: none;">
691                                <div class="relative mx-auto text-gray-600">
692                                    <form action="https://www.iteris.com/search/content">
693                                        <input
694                                            class="border-2 border-gray-300 bg-white h-10 px-4 pr-8 rounded-lg text-sm focus:outline-none focus:ring-0"
695                                            type="search" name="search" placeholder="Search">
696                                        <button type="submit" class="absolute right-0 top-0 mt-2.5 mr-2">
697                                            <svg class="text-gray-400 h-5 w-5 fill-current"
698                                                xmlns="http://www.w3.org/2000/svg"
699                                                xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
700                                                id="Capa_1" x="0px" y="0px" viewBox="0 0 56.966 56.966"
701                                                style="enable-background:new 0 0 56.966 56.966;" xml:space="preserve"
702                                                width="512px" height="512px">
703                                                <path
704                                                    d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23  s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92  c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17  s-17-7.626-17-17S14.61,6,23.984,6z" />
705                                            </svg>
706                                        </button>
707                                    </form>
708                                </div>
709                            </div>
710                        </div>
711                        <!-- Search Bar End -->
712                    </div>
713                </div>
714            </div>
715        </div>
716    </nav>
717</header>
718
719<script nonce="ufPsP5a8fukCfcQT9OO9HZtJ">
720    function setCookies() {
721        document.cookie = "promobar=true;";
722    }
723
724    function menuShowHindOnMoblieScreen() {
725        return {
726            open: true,
727            closeButton: false,
728            init() {
729                if (window.innerWidth <= 1023) {
730                    this.open = false;
731                }
732            },
733
734            showMenu() {
735                document.getElementById("moblieViewCondition").classList.toggle('active');
736                this.open = true;
737                this.closeButton = true;
738            },
739            hideMenu() {
740                document.getElementById("moblieViewCondition").classList.remove('active');
741                this.open = false;
742                this.closeButton = false;
743            }
744
745        }
746    }
747</script>
747
748
749
750
751
752
753
754
755    <section class="relative overflow-hidden text-white">
756        <span class="absolute top-0 right-0 bottom-0 left-0">
757            <img class="w-full h-full object-cover mix-blend-luminosity" src="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/assets/NewsEvents.jpg"
758                alt="">
759        </span>
760        <div class="mx-auto max-w-[1280px] px-4 xl:px-4 z-20 relative">
761            <nav class="container">
762                <ol class="list-reset py-4 rounded flex bg-grey-light text-grey">
763                    <li class="px-2 pl-0"><a href="https://www.iteris.com"
764                            class="text-white underline hover:text-[#89BC37]">Home</a>
765                    </li>
766                    <li class="text-white">/</li>
767                    <li class="px-2">News</li>
768                </ol>
769            </nav>
770        </div>
771        <div class="w-full mx-auto max-w-7xl px-5 md:h-[280px] h-[200px] pt-5 pb-5 z-20 relative flex flex-col flex-wrap align-middle justify-center">
772            <h1 class="xl:text-7xl lg:text-6xl md:text-5xl text-3xl font-medium text-center">News</h1>
773        </div>
774        <div class="rainbow-bar z-20"></div>
775    </section>
776
777
778    <section class="pt-9 pb-12">
779        <div class="w-full mx-auto max-w-7xl px-5">
780            <div class="bg-[#F7F7F7] rounded-t-[22px] p-8 shadow-md">
781                <h2 class="text-gray-800 text-2xl font-bold mb-5">New &amp; Featured</h2>
782                <div class="flex lg:flex-nowrap flex-wrap justify-between gap-5">
783                    <div class="w-full lg:max-w-[538px]">
784                        <div class="relative mb-4" x-data="{ open: false }">
785                                                            <img class="w-full h-[297px] object-cover rounded-none"
786                                    src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01M1FH5WCF6P96BFW4F7M9E5WR.jpg" alt="">
787                                                                                    <div @keydown.escape.window="open = false"
788                                class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity z-20" x-show="open"
789                                style="display: none">
790                                <!-- Modal -->
791                                <div class="flex items-center justify-center lg:min-h-screen">
792                                    <div class="bg-white sm:p-5 p-3 shadow-xl transform transition-all w-full xl:max-w-5xl max-w-[90%] my-20"
793                                        @click.away="open = false" x-transition:enter="ease-out duration-100"
794                                        x-transition:enter-start="opacity-0"
795                                        x-transition:enter-end="opacity-100 scale-100"
796                                        x-transition:leave="ease-in duration-200"
797                                        x-transition:leave-start="opacity-100 scale-100"
798                                        x-transition:leave-end="opacity-0">
799                                        <!-- Modal header -->
800                                        <div
801                                            class="flex items-center justify-center absolute sm:-right-4 sm:-top-4 -right-3 -top-3 bg-black text-white font-semibold sm:w-8 sm:h-8 w-6 h-6 rounded-full">
802                                            <span class="cursor-pointer sm:text-base text-sm"
803                                                @click="open = false">✕</span>
804                                        </div>
805
806                                        <!-- Modal body -->
807                                        <div class="text-left">
808                                                                                    </div>
809                                    </div>
810                                </div>
811                            </div>
812                        </div>
813                        <a href="https://www.iteris.com/news/ncdot-improves-traffic-operations-with-clearguide-dash-cam-imagery-informed-by-vizzion" class=" underline-offset-1 group">
814                            <h3 class="text-base font-bold text-[#4870AB] leading-5 mb-2 group-hover:text-[#89BC37]">
815                                NCDOT improves traffic operations with ClearGuide® Dash Cam Imagery informed by Vizzion 
816                            </h3>
817                        </a>
818                        </h3>
819                        <div clas="meta">
820
821                            <span class="text-[11px] leading-4 text-gray-500 mr-0">Posted
822                                09/02/2026</span>
823                            
824                        </div>
825                        <div class="text-sm leading-4 text-gray-500 mt-2">
826                            Raleigh, North Carolina — September 2, 2026 — Iteris, Inc., the world&#039;s trusted technology ecosystem for smart mobility infrastructure management and part of Almaviva Group, and Vizzion, the leading provider of real-time road imagery, today announced that North Carolina Department of Transportation (NCDOT) is leveraging the first state-wide deployment of ClearGuide® Dash Cam Imagery informed by Vizzion’s Drives service. <a
827                                href="https://www.iteris.com/news/ncdot-improves-traffic-operations-with-clearguide-dash-cam-imagery-informed-by-vizzion"
828                                class="underline underline-offset-1 hover:text-[#89BC37]"> See More ></a>
829                        </div>
830                    </div>
831                    <div class="w-full lg:max-w-[500px] xl:x-12 lg:pt-0 pt-10">
832                        <div class="flex flex-col gap-9">
833                                                            <div class="flex gap-3 lg:items-center">
834                                    <div class="min-w-[96px]">
835                                                                                    <img class="max-w-24 h-24 object-cover rounded-full"
836                                                src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KYMFV7PQ8GTWD4HR5M9S3046.png" alt="">
837                                                                            </div>
838                                    <div>
839                                        <a href="https://www.iteris.com/news/moova-mobility-platform-launches-north-america"
840                                            class=" underline-offset-1 group">
841                                            <h3
842                                                class="text-base font-bold text-[#4870AB] leading-5 mb-2 group-hover:text-[#89BC37]">
843                                                Moova Mobility Platform Enters North America with Local Delivery and Support </h3>
844                                        </a>
845                                        <div clas="meta">
846                                            
847                                            <span class="text-[11px] leading-4 text-gray-500 mr-0">• Posted
848                                                07/28/2026</span>
849
850                                        </div>
851                                        <div class="text-sm leading-4 text-gray-500 mt-2">
852                                             Mobility Platform that unites multiple transit technology solutions is now available to transit agencies of every size across the United States and Canada <a
853                                                href="https://www.iteris.com/news/moova-mobility-platform-launches-north-america"
854                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-[5px]">See
855                                                More ></a>
856                                        </div>
857                                    </div>
858                                </div>
859                                                            <div class="flex gap-3 lg:items-center">
860                                    <div class="min-w-[96px]">
861                                                                                    <img class="max-w-24 h-24 object-cover rounded-full"
862                                                src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KTM7RTXKK77Z5ZMQE0F857R9.png" alt="">
863                                                                            </div>
864                                    <div>
865                                        <a href="https://www.iteris.com/news/iteris-bluetoad-spectra-cv-roadside-unit-receives-omniair-certification"
866                                            class=" underline-offset-1 group">
867                                            <h3
868                                                class="text-base font-bold text-[#4870AB] leading-5 mb-2 group-hover:text-[#89BC37]">
869                                                Iteris BlueTOAD Spectra CV Roadside Unit Receives OmniAir® Certification</h3>
870                                        </a>
871                                        <div clas="meta">
872                                            
873                                            <span class="text-[11px] leading-4 text-gray-500 mr-0">• Posted
874                                                06/09/2026</span>
875
876                                        </div>
877                                        <div class="text-sm leading-4 text-gray-500 mt-2">
878                                            Key certification milestone underscores capability for seamless and secure communication with connected vehicles and infrastructure components<a
879                                                href="https://www.iteris.com/news/iteris-bluetoad-spectra-cv-roadside-unit-receives-omniair-certification"
880                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-[5px]">See
881                                                More ></a>
882                                        </div>
883                                    </div>
884                                </div>
885                                                            <div class="flex gap-3 lg:items-center">
886                                    <div class="min-w-[96px]">
887                                                                                    <img class="max-w-24 h-24 object-cover rounded-full"
888                                                src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KRY9EFRASB0E342H15NJ97Y0.jpg" alt="">
889                                                                            </div>
890                                    <div>
891                                        <a href="https://www.iteris.com/news/iteris-launches-vantagenode-to-expand-highquality-ai-detection-to-small-and-underserved-intersections"
892                                            class=" underline-offset-1 group">
893                                            <h3
894                                                class="text-base font-bold text-[#4870AB] leading-5 mb-2 group-hover:text-[#89BC37]">
895                                                Iteris Launches VantageNode to Expand High‑Quality AI Detection to Small and Underserved Intersections</h3>
896                                        </a>
897                                        <div clas="meta">
898                                            
899                                            <span class="text-[11px] leading-4 text-gray-500 mr-0">• Posted
900                                                05/19/2026</span>
901
902                                        </div>
903                                        <div class="text-sm leading-4 text-gray-500 mt-2">
904                                            New single-mount, quad‑camera solution simplifies deployment and provides lower-cost but powerful solution to manage less complex intersections<a
905                                                href="https://www.iteris.com/news/iteris-launches-vantagenode-to-expand-highquality-ai-detection-to-small-and-underserved-intersections"
906                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-[5px]">See
907                                                More ></a>
908                                        </div>
909                                    </div>
910                                </div>
911                                                    </div>
912                    </div>
913                </div>
914            </div>
915        </div>
916    </section>
917
918    <section wire:snapshot="{&quot;data&quot;:{&quot;topics&quot;:[{&quot;3&quot;:&quot;Analytics&quot;,&quot;27&quot;:&quot;Artificial Intelligence&quot;,&quot;20&quot;:&quot;Automated Vehicles&quot;,&quot;21&quot;:&quot;Connected Vehicles&quot;,&quot;14&quot;:&quot;Data Collection&quot;,&quot;4&quot;:&quot;Detectors&quot;,&quot;22&quot;:&quot;Diversity &amp; Inclusion&quot;,&quot;11&quot;:&quot;Environmental&quot;,&quot;10&quot;:&quot;ESG&quot;,&quot;17&quot;:&quot;Events&quot;,&quot;16&quot;:&quot;Financial&quot;,&quot;15&quot;:&quot;General&quot;,&quot;24&quot;:&quot;Government Policy&quot;,&quot;5&quot;:&quot;Mobility Intelligence&quot;,&quot;12&quot;:&quot;Performance Measurement&quot;,&quot;6&quot;:&quot;Smart Cities&quot;,&quot;7&quot;:&quot;Smart Mobility&quot;,&quot;23&quot;:&quot;Social Responsibility&quot;,&quot;18&quot;:&quot;Sustainability&quot;,&quot;8&quot;:&quot;Traffic Safety&quot;,&quot;25&quot;:&quot;Traveler Information&quot;,&quot;26&quot;:&quot;Weather Forecasting&quot;,&quot;19&quot;:&quot;Webinars&quot;},{&quot;class&quot;:&quot;Illuminate\\Support\\Collection&quot;,&quot;s&quot;:&quot;clctn&quot;}],&quot;search&quot;:null,&quot;topic&quot;:null,&quot;perPage&quot;:15,&quot;pagination&quot;:true,&quot;videoCourses&quot;:null,&quot;tag&quot;:null,&quot;paginators&quot;:[{&quot;page&quot;:1},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;FEw7xqVkyEWyARn9Faow&quot;,&quot;name&quot;:&quot;news-component&quot;,&quot;path&quot;:&quot;news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;c9340afa48ed7742e5556964323ede8d1bc132485597304661c2ebf9b569236d&quot;}" wire:effects="{&quot;url&quot;:{&quot;paginators.page&quot;:{&quot;as&quot;:&quot;page&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}}}" wire:id="FEw7xqVkyEWyARn9Faow" class="lg:pb-24 pb-20">
919    <div class="w-full mx-auto max-w-7xl px-5">
920        <div class="w-full">
921            <div class="w-full mx-auto lg:mb-12 mb-8 pt-12 border-t border-solid border-[#D6D6D6]">
922                <div class="relative">
923                    <div
924                        class="absolute inset-y-0 start-0 flex items-center justify-center pointer-events-none bg-blue-950 w-16 rounded-s-2xl">
925                        <svg class="w-8 h-8 text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
926                            fill="none" viewBox="0 0 20 20">
927                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
928                                d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" />
929                        </svg>
930                    </div>
931                    <input type="search" id="default-search"
932                        class="block w-full p-4 ps-20 md:text-[22px] text-base italic text-[#4D4D4D] border border-[#
932E2E2E2] rounded-2xl bg-[#F7F7F7] focus:ring-blue-900 focus:border-blue-900"
933                        placeholder="What would you like to read about?" type="text"
934                        wire:keydown.enter="productSearch($event.target.value, 'search')" required />
935                </div>
936            </div>
937
938            <form
939                class="w-full flex lg:flex-nowrap flex-wrap gap-3 items-center justify-between border-b-4 border-blue-950 mb-8 lg:pb-0 pb-3 md:flex-row flex-col-reverse">
940                <div class="flex flex-wrap items-center lg:gap-5 gap-3 blog_filter filter_resources">
941                    <div class="relative w-auto" x-data="{ open: false }" @click.outside="open = false">
942                        <div class="relative inline-block w-auto">
943                            <button
944                                type="button"
945                                @click="open = !open"
946                                class="dropdown-button md:border-none border border-[#E2E2E2] auto-size-select w-auto min-w-auto lg:text-xl font-bold border-solid focus:outline-none focus:ring-0 focus:shadow-none py-1 appearance-none text-[#464646] md:pl-0 pl-[10px] pr-[30px] sm:text-base text-xs"
947                            >
948                                Filter by Topic
949                            </button>
950                            <ul x-show="open" x-transition class="dropdown-menu min-w-[180px] absolute z-10 w-full mt-1 bg-white border border-gray-300 rounded-md shadow-lg">
951                                <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("", "topic")' @click="open = false">
952                                    Filter by Topic
953                                </li>
954                                <!--[if BLOCK]><![endif]-->                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("3", "topic")' @click="open = false">
955                                        Analytics
956                                    </li>
957                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("27", "topic")' @click="open = false">
958                                        Artificial Intelligence
959                                    </li>
960                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("20", "topic")' @click="open = false">
961                                        Automated Vehicles
962                                    </li>
963                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("21", "topic")' @click="open = false">
964                                        Connected Vehicles
965                                    </li>
966                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("14", "topic")' @click="open = false">
967                                        Data Collection
968                                    </li>
969                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("4", "topic")' @click="open = false">
970                                        Detectors
971                                    </li>
972                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("22", "topic")' @click="open = false">
973                                        Diversity &amp; Inclusion
974                                    </li>
975                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("11", "topic")' @click="open = false">
976                                        Environmental
977                                    </li>
978                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("10", "topic")' @click="open = false">
979                                        ESG
980                                    </li>
981                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("17", "topic")' @click="open = false">
982                                        Events
983                                    </li>
984                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("16", "topic")' @click="open = false">
985                                        Financial
986                                    </li>
987                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("15", "topic")' @click="open = false">
988                                        General
989                                    </li>
990                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("24", "topic")' @click="open = false">
991                                        Government Policy
992                                    </li>
993                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("5", "topic")' @click="open = false">
994                                        Mobility Intelligence
995                                    </li>
996                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("12", "topic")' @click="open = false">
997                                        Performance Measurement
998                                    </li>
999                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("6", "topic")' @click="open = false">
1000                                        Smart Cities
1001                                    </li>
1002                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("7", "topic")' @click="open = false">
1003                                        Smart Mobility
1004                                    </li>
1005                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("23", "topic")' @click="open = false">
1006                                        Social Responsibility
1007                                    </li>
1008                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("18", "topic")' @click="open = false">
1009                                        Sustainability
1010                                    </li>
1011                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("8", "topic")' @click="open = false">
1012                                        Traffic Safety
1013                                    </li>
1014                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("25", "topic")' @click="open = false">
1015                                        Traveler Information
1016                                    </li>
1017                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("26", "topic")' @click="open = false">
1018                                        Weather Forecasting
1019                                    </li>
1020                                                                    <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("19", "topic")' @click="open = false">
1021                                        Webinars
1022                                    </li>
1023                                <!--[if ENDBLOCK]><![endif]-->                            </ul>
1024                        </div>
1025                    </div>
1026                    <div class="relative w-auto" x-data="{ open: false }" @click.outside="open = false">
1027                        <div class="relative inline-block w-auto">
1028                            <button
1029                                type="button"
1030                                @click="open = !open"
1031                                class="dropdown-button md:border-none border border-[#
1031E2E2E2] auto-size-select w-auto min-w-auto lg:text-xl font-bold border-solid focus:outline-none focus:ring-0 focus:shadow-none py-1 appearance-none text-[#464646] md:pl-0 pl-[10px] pr-[30px] sm:text-base text-xs"
1032                            >
1033                                Show 15 Results
1034                            </button>
1035                            <ul x-show="open" x-transition class="dropdown-menu min-w-[160px] absolute z-10 w-full mt-1 bg-white border border-gray-300 rounded-md shadow-lg">
1036                                <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click="productSearch(15, 'perPage')" @click="open = false">
1037                                    Show 15 Results
1038                                </li>
1039                                <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click="productSearch(30, 'perPage')" @click="open = false">
1040                                    Show 30 Results
1041                                </li>
1042                                <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click="productSearch(45, 'perPage')" @click="open = false">
1043                                    Show 45 Results
1044                                </li>
1045                                <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click="productSearch('all', 'perPage')" @click="open = false">
1046                                    Show All Results
1047                                </li>
1048                            </ul>
1049                        </div>
1050                    </div>
1051
1052                </div>
1053                <div class="ml-auto">
1054                    <div class="flex items-center gap-1 cursor-pointer">
1055                        <svg xmlns="http://www.w3.org/2000/svg" width="21.671" height="21.671"
1056                            viewBox="0 0 21.671 21.671">
1057                            <g id="Icon_ionic-md-close-circle-outline" data-name="Icon ionic-md-close-circle-outline"
1058                                transform="translate(-3.375 -3.375)">
1059                                <path id="Path_301" data-name="Path 301"
1060                                    d="M14.21,5.563A8.644,8.644,0,1,1,8.095,8.095,8.612,8.612,0,0,1,14.21,5.563m0-2.188A10.835,10.835,0,1,0,25.046,14.21,10.834,10.834,0,0,0,14.21,3.375Z"
1061                                    fill="#91c73e"></path>
1062                                <path id="Path_302" data-name="Path 302"
1063                                    d="M21.523,20.007l-1.516,1.516-3.9-3.9-3.9,3.9-1.516-1.516,3.9-3.9-3.9-3.9L12.2,10.688l3.9,3.9,3.9-3.9L21.523,12.2l-3.9,3.9Z"
1064                                    transform="translate(-1.895 -1.895)" fill="#91c73e"></path>
1065                            </g>
1066                        </svg>
1067                        <span wire:click="clearAllFilters"
1068                            class="underline italic font-medium text-[#909090] text-sm">Clear All Filters</span>
1069                    </div>
1070                </div>
1071            </form>
1072
1073            <div class="w-full resource__result">
1074                <div class="flex flex-wrap -mx-4 gap-y-8">
1075                    <!--[if BLOCK]><![endif]-->
1076
1077                                        <!--[if BLOCK]><![endif]-->                        <div class="px-4 w-full lg:w-1/3  md:w-1/2 sm:w-1/2 blog_iteams">
1078                            <div
1079                                class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative">
1080                                <div class="">
1081                                    <!--[if BLOCK]><![endif]-->                                        <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01M1FH5WCF6P96BFW4F7M9E5WR.jpg"
1082                                            class="object-center object-cover h-[154px] w-full">
1083                                    <!--[if ENDBLOCK]><![endif]-->                                </div>
1084                                <div class="w-full p-5">
1085                                    <a href="https://www.iteris.com/news/ncdot-improves-traffic-operations-with-clearguide-dash-cam-imagery-informed-by-vizzion"
1086                                        class=" underline-offset-1 group">
1087                                        <h4
1088                                            class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]">
1089                                            NCDOT improves traffic operations with ClearGuide® Dash Cam Imagery informed by Vizzion </h4>
1090                                    </a>
1091                                    <div clas="meta">
1092                                        <span class="text-sm leading-4 text-gray-500 mr-0">• Posted
1093                                            09/02/2026</span>
1094                                        <span class="text-sm leading-4 text-gray-500 mr-0">
1095                                            <a href="#"
1096                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-1">
1097                                            </a></span>
1098                                    </div>
1099                                    <div class="text-base leading-[1.2] text-gray-500 mt-2 disc">
1100                                        Raleigh, North Carolina — September 2, 2026 — Iteris, Inc., the world&#039;s trusted technology ecosystem for smart mobility infrastructure management and part of Almaviva Group, and Vizzion, the leading provider of real-time road imagery, today announced that North Carolina Department of Transportation (NCDOT) is leveraging the first state-wide deployment of ClearGuide® Dash Cam Imagery informed by Vizzion’s Drives service.<a
1101                                            href="https://www.iteris.com/news/ncdot-improves-traffic-operations-with-clearguide-dash-cam-imagery-informed-by-vizzion"
1102                                            class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More
1103                                            ></a>
1104                                    </div>
1105                                </div>
1106                            </div>
1107                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1108                        </div>
1109                                            <div class="px-4 w-full lg:w-1/3  md:w-1/2 sm:w-1/2 blog_iteams">
1110                            <div
1111                                class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative">
1112                                <div class="">
1113                                    <!--[if BLOCK]><![endif]-->                                        <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KYMFV7PQ8GTWD4HR5M9S3046.png"
1114                                            class="object-center object-cover h-[154px] w-full">
1115                                    <!--[if ENDBLOCK]><![endif]-->                                </div>
1116                                <div class="w-full p-5">
1117                                    <a href="https://www.iteris.com/news/moova-mobility-platform-launches-north-america"
1118                                        class=" underline-offset-1 group">
1119                                        <h4
1120                                            class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]">
1121                                            Moova Mobility Platform Enters North America with Local Delivery and Support </h4>
1122                                    </a>
1123                                    <div clas="meta">
1124                                        <span class="text-sm leading-4 text-gray-500 mr-0">• Posted
1125                                            07/28/2026</span>
1126                                        <span class="text-sm leading-4 text-gray-500 mr-0">
1127                                            <a href="#"
1128                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-1">
1129                                            </a></span>
1130                                    </div>
1131                                    <div class="text-base leading-[1.2] text-gray-500 mt-2 disc">
1132                                         Mobility Platform that unites multiple transit technology solutions is now available to transit agencies of every size across the United States and Canada <a
1133                                            href="https://www.iteris.com/news/moova-mobility-platform-launches-north-america"
1134                                            class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More
1135                                            ></a>
1136                                    </div>
1137                                </div>
1138                            </div>
1139                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1140                        </div>
1141                                            <div class="px-4 w-full lg:w-1/3  md:w-1/2 sm:w-1/2 blog_iteams">
1142                            <div
1143                                class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative">
1144                                <div class="">
1145                                    <!--[if BLOCK]><![endif]-->                                        <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KTM7RTXKK77Z5ZMQE0F857R9.png"
1146                                            class="object-center object-cover h-[154px] w-full">
1147                                    <!--[if ENDBLOCK]><![endif]-->                                </div>
1148                                <div class="w-full p-5">
1149                                    <a href="https://www.iteris.com/news/iteris-bluetoad-spectra-cv-roadside-unit-receives-omniair-certification"
1150                                        class=" underline-offset-1 group">
1151                                        <h4
1152                                            class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]">
1153                                            Iteris BlueTOAD Spectra CV Roadside Unit Receives OmniAir® Certification</h4>
1154                                    </a>
1155                                    <div clas="meta">
1156                                        <span class="text-sm leading-4 text-gray-500 mr-0">• Posted
1157                                            06/09/2026</span>
1158                                        <span class="text-sm leading-4 text-gray-500 mr-0">
1159                                            <a href="#"
1160                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-1">
1161                                            </a></span>
1162                                    </div>
1163                                    <div class="text-base leading-[1.2] text-gray-500 mt-2 disc">
1164                                        Key certification milestone underscores capability for seamless and secure communication with connected vehicles and infrastructure components<a
1165                                            href="https://www.iteris.com/news/iteris-bluetoad-spectra-cv-roadside-unit-receives-omniair-certification"
1166                                            class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More
1167                                            ></a>
1168                                    </div>
1169                                </div>
1170                            </div>
1171                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1172                        </div>
1173                                            <div class="px-4 w-full lg:w-1/3  md:w-1/2 sm:w-1/2 blog_iteams">
1174                            <div
1175                                class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative">
1176                                <div class="">
1177                                    <!--[if BLOCK]><![endif]-->                                        <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KRY9EFRASB0E342H15NJ97Y0.jpg"
1178                                            class="object-center object-cover h-[154px] w-full">
1179                                    <!--[if ENDBLOCK]><![endif]-->                                </div>
1180                                <div class="w-full p-5">
1181                                    <a href="https://www.iteris.com/news/iteris-launches-vantagenode-to-expand-highquality-ai-detection-to-small-and-underserved-intersections"
1182                                        class=" underline-offset-1 group">
1183                                        <h4
1184                                            class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]">
1185                                            Iteris Launches VantageNode to Expand High‑Quality AI Detection to Small and Underserved Intersections</h4>
1186                                    </a>
1187                                    <div clas="meta">
1188                                        <span class="text-sm leading-4 text-gray-500 mr-0">• Posted
1189                                            05/19/2026</span>
1190                                        <span class="text-sm leading-4 text-gray-500 mr-0">
1191                                            <a href="#"
1192                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-1">
1193                                            </a></span>
1194                                    </div>
1195                                    <div class="text-base leading-[1.2] text-gray-500 mt-2 disc">
1196                                        New single-mount, quad‑camera solution simplifies deployment and provides lower-cost but powerful solution to manage less complex intersections<a
1197                                            href="https://www.iteris.com/news/iteris-launches-vantagenode-to-expand-highquality-ai-detection-to-small-and-underserved-intersections"
1198                                            class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More
1199                                            ></a>
1200                                    </div>
1201                                </div>
1202                            </div>
1203                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1204                        </div>
1205                                            <div class="px-4 w-full lg:w-1/3  md:w-1/2 sm:w-1/2 blog_iteams">
1206                            <div
1207                                class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative">
1208                                <div class="">
1209                                    <!--[if BLOCK]><![endif]-->                                        <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KPRG5KN5PRJM8FD41BK0FZXP.jpg"
1210                                            class="object-center object-cover h-[154px] w-full">
1211                                    <!--[if ENDBLOCK]><![endif]-->                                </div>
1212                                <div class="w-full p-5">
1213                                    <a href="https://www.iteris.com/news/iteris-awarded-31-million-contract-extending-critical-support-for-tampa-area-regional-transportation-management-center"
1214                                        class=" underline-offset-1 group">
1215                                        <h4
1216                                            class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]">
1217                                            Iteris Awarded $31 Million Contract Extending Critical Support for Tampa-Area Regional Transportation Management Center</h4>
1218                                    </a>
1219                                    <div clas="meta">
1220                                        <span class="text-sm leading-4 text-gray-500 mr-0">• Posted
1221                                            04/22/2026</span>
1222                                        <span class="text-sm leading-4 text-gray-500 mr-0">
1223                                            <a href="#"
1224                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-1">
1225                                            </a></span>
1226                                    </div>
1227                                    <div class="text-base leading-[1.2] text-gray-500 mt-2 disc">
1228                                        New five-year agreement strengthens Iteris’ long‑standing role supporting traffic operations across the Tampa Bay area<a
1229                                            href="https://www.iteris.com/news/iteris-awarded-31-million-contract-extending-critical-support-for-tampa-area-regional-transportation-management-center"
1230                                            class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More
1231                                            ></a>
1232                                    </div>
1233                                </div>
1234                            </div>
1235                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1236                        </div>
1237                                            <div class="px-4 w-full lg:w-1/3  md:w-1/2 sm:w-1/2 blog_iteams">
1238                            <div
1239                                class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative">
1240                                <div class="">
1241                                    <!--[if BLOCK]><![endif]-->                                        <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KM0WDX0G5FYE905D07WD53FA.jpg"
1242                                            class="object-center object-cover h-[154px] w-full">
1243                                    <!--[if ENDBLOCK]><![endif]-->                                </div>
1244                                <div class="w-full p-5">
1245                                    <a href="https://www.iteris.com/news/iteris-significantly-expands-alabama-dots-traffic-signal-performance-capabilities-with-statewide-clearguide-signal-trends-expansion"
1246                                        class=" underline-offset-1 group">
1247                                        <h4
1248                                            class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]">
1249                                            Iteris Significantly Expands Alabama DOT’s Traffic Signal Performance Capabilities with Statewide ClearGuide Signal Trends Expansion</h4>
1250                                    </a>
1251                                    <div clas="meta">
1252                                        <span class="text-sm leading-4 text-gray-500 mr-0">• Posted
1253                                            03/18/2026</span>
1254                                        <span class="text-sm leading-4 text-gray-500 mr-0">
1255                                            <a href="#"
1256                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-1">
1257                                            </a></span>
1258                                    </div>
1259                                    <div class="text-base leading-[1.2] text-gray-500 mt-2 disc">
1260                                        Statewide rollout gives ALDOT powerful, real‑time visibility to identify issues and optimize operations across more than 1,100 signalized intersections<a
1261                                            href="https://www.iteris.com/news/iteris-significantly-expands-alabama-dots-traffic-signal-performance-capabilities-with-statewide-clearguide-signal-trends-expansion"
1262                                            class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More
1263                                            ></a>
1264                                    </div>
1265                                </div>
1266                            </div>
1267                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1268                        </div>
1269                                            <div class="px-4 w-full lg:w-1/3  md:w-1/2 sm:w-1/2 blog_iteams">
1270                            <div
1271                                class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative">
1272                                <div class="">
1273                                    <!--[if BLOCK]><![endif]-->                                        <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KJ5VAE93STD3H7N76M6EX387.jpg"
1274                                            class="object-center object-cover h-[154px] w-full">
1275                                    <!--[if ENDBLOCK]><![endif]-->                                </div>
1276                                <div class="w-full p-5">
1277                                    <a href="https://www.iteris.com/news/iteris-to-deploy-la-metros-countywide-cloud-based-transit-signal-priority-program"
1278                                        class=" underline-offset-1 group">
1279                                        <h4
1280                                            class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]">
1281                                            Iteris to Deploy LA Metro’s Countywide Cloud-Based Transit Signal Priority Program</h4>
1282                                    </a>
1283                                    <div clas="meta">
1284                                        <span class="text-sm leading-4 text-gray-500 mr-0">• Posted
1285                                            02/24/2026</span>
1286                                        <span class="text-sm leading-4 text-gray-500 mr-0">
1287                                            <a href="#"
1288                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-1">
1289                                            </a></span>
1290                                    </div>
1291                                    <div class="text-base leading-[1.2] text-gray-500 mt-2 disc">
1292                                        Iteris to provide LA Metro with design, integration, and operational support for countywide TSP system across 13 major corridors<a
1293                                            href="https://www.iteris.com/news/iteris-to-deploy-la-metros-countywide-cloud-based-transit-signal-priority-program"
1294                                            class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More
1295                                            ></a>
1296                                    </div>
1297                                </div>
1298                            </div>
1299                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1300                        </div>
1301                                            <div class="px-4 w-full lg:w-1/3  md:w-1/2 sm:w-1/2 blog_iteams">
1302                            <div
1303                                class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative">
1304                                <div class="">
1305                                    <!--[if BLOCK]><![endif]-->                                        <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KA9K0J8JYB8271WS4FHNQ3K8.png"
1306                                            class="object-center object-cover h-[154px] w-full">
1307                                    <!--[if ENDBLOCK]><![endif]-->                                </div>
1308                                <div class="w-full p-5">
1309                                    <a href="https://www.iteris.com/news/iteris-launches-advanced-priority-and-preemption-within-connected-vehicle-ecosystem"
1310                                        class=" underline-offset-1 group">
1311                                        <h4
1312                                            class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]">
1313                                            Iteris Launches Advanced Priority and Preemption Within Connected Vehicle Ecosystem</h4>
1314                                    </a>
1315                                    <div clas="meta">
1316                                        <span class="text-sm leading-4 text-gray-500 mr-0">• Posted
1317                                            11/18/2025</span>
1318                                        <span class="text-sm leading-4 text-gray-500 mr-0">
1319                                            <a href="#"
1320                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-1">
1321                                            </a></span>
1322                                    </div>
1323                                    <div class="text-base leading-[1.2] text-gray-500 mt-2 disc">
1324                                        New VantagePriority™ offering helps agencies optimize traffic flow and future-proof for the evolving CV landscape<a
1325                                            href="https://www.iteris.com/news/iteris-launches-advanced-priority-and-preemption-within-connected-vehicle-ecosystem"
1326                                            class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More
1327                                            ></a>
1328                                    </div>
1329                                </div>
1330                            </div>
1331                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1332                        </div>
1333                                            <div class="px-4 w-full lg:w-1/3  md:w-1/2 sm:w-1/2 blog_iteams">
1334                            <div
1335                                class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative">
1336                                <div class="">
1337                                    <!--[if BLOCK]><![endif]-->                                        <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KA9JSHNB8KRJZEWPFZ6FTSVJ.jpg"
1338                                            class="object-center object-cover h-[154px] w-full">
1339                                    <!--[if ENDBLOCK]><![endif]-->                                </div>
1340                                <div class="w-full p-5">
1341                                    <a href="https://www.iteris.com/news/iteris-launches-vantagelink-to-bring-real-time-intelligence-to-traffic-cabinets"
1342                                        class=" underline-offset-1 group">
1343                                        <h4
1344                                            class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]">
1345                                            Iteris Launches VantageLink to Bring Real-Time Intelligence to Traffic Cabinets</h4>
1346                                    </a>
1347                                    <div clas="meta">
1348                                        <span class="text-sm leading-4 text-gray-500 mr-0">• Posted
1349                                            11/13/2025</span>
1350                                        <span class="text-sm leading-4 text-gray-500 mr-0">
1351                                            <a href="#"
1352                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-1">
1353                                            </a></span>
1354                                    </div>
1355                                    <div class="text-base leading-[1.2] text-gray-500 mt-2 disc">
1356                                        Next-generation solution empowers agencies with cabinet monitoring, remote access, and proactive maintenance tools. <a
1357                                            href="https://www.iteris.com/news/iteris-launches-vantagelink-to-bring-real-time-intelligence-to-traffic-cabinets"
1358                                            class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More
1359                                            ></a>
1360                                    </div>
1361                                </div>
1362                            </div>
1363                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1364                        </div>
1365                                            <div class="px-4 w-full lg:w-1/3  md:w-1/2 sm:w-1/2 blog_iteams">
1366                            <div
1367                                class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative">
1368                                <div class="">
1369                                    <!--[if BLOCK]><![endif]-->                                        <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01K9SZX4P2WFKVAKJJT56EGWN9.jpg"
1370                                            class="object-center object-cover h-[154px] w-full">
1371                                    <!--[if ENDBLOCK]><![endif]-->                                </div>
1372                                <div class="w-full p-5">
1373                                    <a href="https://www.iteris.com/news/iteris-acquires-thrugreen-technology-to-expand-capabilities-of-the-iteris-clearmobility-platform"
1374                                        class=" underline-offset-1 group">
1375                                        <h4
1376                                            class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]">
1377                                            Iteris Acquires ThruGreen Technology to Expand Capabilities of the Iteris ClearMobility Platform </h4>
1378                                    </a>
1379                                    <div clas="meta">
1380                                        <span class="text-sm leading-4 text-gray-500 mr-0">• Posted
1381                                            11/12/2025</span>
1382                                        <span class="text-sm leading-4 text-gray-500 mr-0">
1383                                            <a href="#"
1384                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-1">
1385                                            </a></span>
1386                                    </div>
1387                                    <div class="text-base leading-[1.2] text-gray-500 mt-2 disc">
1388                                        Acquisition enhances Iteris’ portfolio with comprehensive Cloud-based traffic equipment monitoring and vehicle to everything applications<a
1389                                            href="https://www.iteris.com/news/iteris-acquires-thrugreen-technology-to-expand-capabilities-of-the-iteris-clearmobility-platform"
1390                                            class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More
1391                                            ></a>
1392                                    </div>
1393                                </div>
1394                            </div>
1395                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1396                        </div>
1397                                            <div class="px-4 w-full lg:w-1/3  md:w-1/2 sm:w-1/2 blog_iteams">
1398                            <div
1399                                class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative">
1400                                <div class="">
1401                                    <!--[if BLOCK]><![endif]-->                                        <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01K2CVKEDE0T7TYB7JQR5ZS03J.jpg"
1402                                            class="object-center object-cover h-[154px] w-full">
1403                                    <!--[if ENDBLOCK]><![endif]-->                                </div>
1404                                <div class="w-full p-5">
1405                                    <a href="https://www.iteris.com/news/iteris-and-almaviva-to-showcase-smart-mobility-innovations-at-its-world-congress-2025"
1406                                        class=" underline-offset-1 group">
1407                                        <h4
1408                                            class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]">
1409                                            Iteris and Almaviva to Showcase Smart Mobility Innovations at ITS World Congress 2025</h4>
1410                                    </a>
1411                                    <div clas="meta">
1412                                        <span class="text-sm leading-4 text-gray-500 mr-0">• Posted
1413                                            08/12/2025</span>
1414                                        <span class="text-sm leading-4 text-gray-500 mr-0">
1415                                            <a href="#"
1416                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-1">
1417                                            </a></span>
1418                                    </div>
1419                                    <div class="text-base leading-[1.2] text-gray-500 mt-2 disc">
1420                                        Premier sponsors to deliver live demos, expert panels, and smart mobility innovations at Booth #1613<a
1421                                            href="https://www.iteris.com/news/iteris-and-almaviva-to-showcase-smart-mobility-innovations-at-its-world-congress-2025"
1422                                            class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More
1423                                            ></a>
1424                                    </div>
1425                                </div>
1426                            </div>
1427                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1428                        </div>
1429                                            <div class="px-4 w-full lg:w-1/3  md:w-1/2 sm:w-1/2 blog_iteams">
1430                            <div
1431                                class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative">
1432                                <div class="">
1433                                    <!--[if BLOCK]><![endif]-->                                        <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01JZ17BSES4DSBMC2A0FM958K8.jpg"
1434                                            class="object-center object-cover h-[154px] w-full">
1435                                    <!--[if ENDBLOCK]><![endif]-->                                </div>
1436                                <div class="w-full p-5">
1437                                    <a href="https://www.iteris.com/news/iteris-selected-by-kane-county-for-transportation-system-management-and-operations-program"
1438                                        class=" underline-offset-1 group">
1439                                        <h4
1440                                            class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]">
1441                                            Iteris Selected by Kane County for Transportation System Management and Operations Program</h4>
1442                                    </a>
1443                                    <div clas="meta">
1444                                        <span class="text-sm leading-4 text-gray-500 mr-0">• Posted
1445                                            07/01/2025</span>
1446                                        <span class="text-sm leading-4 text-gray-500 mr-0">
1447                                            <a href="#"
1448                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-1">
1449                                            </a></span>
1450                                    </div>
1451                                    <div class="text-base leading-[1.2] text-gray-500 mt-2 disc">
1452                                        Continued partnership enhances traffic signal operations, sustainability, and system optimization efforts across Kane County, IL<a
1453                                            href="https://www.iteris.com/news/iteris-selected-by-kane-county-for-transportation-system-management-and-operations-program"
1454                                            class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More
1455                                            ></a>
1456                                    </div>
1457                                </div>
1458                            </div>
1459                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1460                        </div>
1461                                            <div class="px-4 w-full lg:w-1/3  md:w-1/2 sm:w-1/2 blog_iteams">
1462                            <div
1463                                class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative">
1464                                <div class="">
1465                                    <!--[if BLOCK]><![endif]-->                                        <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01JXZPJV1RE5VQ5C6ZQVVAHCDQ.jpg"
1466                                            class="object-center object-cover h-[154px] w-full">
1467                                    <!--[if ENDBLOCK]><![endif]-->                                </div>
1468                                <div class="w-full p-5">
1469                                    <a href="https://www.iteris.com/news/iteris-selected-to-support-intelligent-transportation-systems-project-in-dubai"
1470                                        class=" underline-offset-1 group">
1471                                        <h4
1472                                            class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]">
1473                                            Iteris Selected to Support Intelligent Transportation Systems Project in Dubai</h4>
1474                                    </a>
1475                                    <div clas="meta">
1476                                        <span class="text-sm leading-4 text-gray-500 mr-0">• Posted
1477                                            06/17/2025</span>
1478                                        <span class="text-sm leading-4 text-gray-500 mr-0">
1479                                            <a href="#"
1480                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-1">
1481                                            </a></span>
1482                                    </div>
1483                                    <div class="text-base leading-[1.2] text-gray-500 mt-2 disc">
1484                                        Iteris’ SaaS solution will support mobility and safety applications throughout the future-focused city  <a
1485                                            href="https://www.iteris.com/news/iteris-selected-to-support-intelligent-transportation-systems-project-in-dubai"
1486                                            class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More
1487                                            ></a>
1488                                    </div>
1489                                </div>
1490                            </div>
1491                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1492                        </div>
1493                                            <div class="px-4 w-full lg:w-1/3  md:w-1/2 sm:w-1/2 blog_iteams">
1494                            <div
1495                                class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative">
1496                                <div class="">
1497                                    <!--[if BLOCK]><![endif]-->                                        <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01JV582ZHB51NJS9KWEJ32A39H.jpg"
1498                                            class="object-center object-cover h-[154px] w-full">
1499                                    <!--[if ENDBLOCK]><![endif]-->                                </div>
1500                                <div class="w-full p-5">
1501                                    <a href="https://www.iteris.com/news/iteris-chosen-to-implement-the-city-of-burlesons-advanced-traffic-management-system-plan"
1502                                        class=" underline-offset-1 group">
1503                                        <h4
1504                                            class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]">
1505                                            Iteris Chosen to Implement the City of Burleson’s Advanced Traffic Management System Plan</h4>
1506                                    </a>
1507                                    <div clas="meta">
1508                                        <span class="text-sm leading-4 text-gray-500 mr-0">• Posted
1509                                            05/14/2025</span>
1510                                        <span class="text-sm leading-4 text-gray-500 mr-0">
1511                                            <a href="#"
1512                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-1">
1513                                            </a></span>
1514                                    </div>
1515                                    <div class="text-base leading-[1.2] text-gray-500 mt-2 disc">
1516                                        Comprehensive project encompasses traffic signal system upgrades, new Traffic Management Center and communication infrastructure to support the plan<a
1517                                            href="https://www.iteris.com/news/iteris-chosen-to-implement-the-city-of-burlesons-advanced-traffic-management-system-plan"
1518                                            class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More
1519                                            ></a>
1520                                    </div>
1521                                </div>
1522                            </div>
1523                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1524                        </div>
1525                                            <div class="px-4 w-full lg:w-1/3  md:w-1/2 sm:w-1/2 blog_iteams">
1526                            <div
1527                                class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative">
1528                                <div class="">
1529                                    <!--[if BLOCK]><![endif]-->                                        <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01JTGS7YCEHB9QQ1HKC5Y9FQTH.jpg"
1530                                            class="object-center object-cover h-[154px] w-full">
1531                                    <!--[if ENDBLOCK]><![endif]-->                                </div>
1532                                <div class="w-full p-5">
1533                                    <a href="https://www.iteris.com/news/iteris-selected-by-hillsborough-county-for-traffic-management-center-support-and-smart-mobility-initiatives"
1534                                        class=" underline-offset-1 group">
1535                                        <h4
1536                                            class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]">
1537                                            Iteris Selected by Hillsborough County for Traffic Management Center Support and Smart Mobility Initiatives </h4>
1538                                    </a>
1539                                    <div clas="meta">
1540                                        <span class="text-sm leading-4 text-gray-500 mr-0">• Posted
1541                                            05/06/2025</span>
1542                                        <span class="text-sm leading-4 text-gray-500 mr-0">
1543                                            <a href="#"
1544                                                class="underline underline-offset-1 hover:text-[#89BC37] ml-1">
1545                                            </a></span>
1546                                    </div>
1547                                    <div class="text-base leading-[1.2] text-gray-500 mt-2 disc">
1548                                        The Florida county has awarded Iteris a four-year contract with a value of up to $10 million<a
1549                                            href="https://www.iteris.com/news/iteris-selected-by-hillsborough-county-for-traffic-management-center-support-and-smart-mobility-initiatives"
1550                                            class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More
1551                                            ></a>
1552                                    </div>
1553                                </div>
1554                            </div>
1555                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1556                        </div>
1557                    <!--[if ENDBLOCK]><![endif]-->                </div>
1558            </div>
1559            <div class="fixed hidden text-2xl w-full h-screen justify-center overflow-hidden items-center bg-gray-400/50 top-0 left-0"
1560                wire:loading.flex>
1561                <span class="loader"></span>
1562            </div>
1563
1564            <!--[if BLOCK]><![endif]-->                <div>
1565    <!--[if BLOCK]><![endif]-->        <nav role="navigation" aria-label="Pagination Navigation" class="flex items-center justify-between">
1566            <div class="flex justify-between flex-1 sm:hidden">
1567                <span>
1568                    <!--[if BLOCK]><![endif]-->                        <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
1569                            &laquo; Previous
1570                        </span>
1571                    <!--[if ENDBLOCK]><![endif]-->                </span>
1572
1573                <span>
1574                    <!--[if BLOCK]><![endif]-->                        <button type="button" wire:click="nextPage('page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" wire:loading.attr="disabled" dusk="nextPage.before" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-blue-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
1575                            Next &raquo;
1576                        </button>
1577                    <!--[if ENDBLOCK]><![endif]-->                </span>
1578            </div>
1579
1580            <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
1581                <div>
1582                    <p class="text-sm text-gray-700 leading-5 dark:text-gray-400">
1583                        <span>Showing</span>
1584                        <span class="font-medium">1</span>
1585                        <span>to</span>
1586                        <span class="font-medium">15</span>
1587                        <span>of</span>
1588                        <span class="font-medium">512</span>
1589                        <span>results</span>
1590                    </p>
1591                </div>
1592
1593                <div>
1594                    <span class="relative z-0 inline-flex rtl:flex-row-reverse rounded-md shadow-sm">
1595                        <span>
1596                            
1597                            <!--[if BLOCK]><![endif]-->                                <span aria-disabled="true" aria-label="&amp;laquo; Previous">
1598                                    <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5 dark:bg-gray-800 dark:border-gray-600" aria-hidden="true">
1599                                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1600                                            <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
1601                                        </svg>
1602                                    </span>
1603                                </span>
1604                            <!--[if ENDBLOCK]><![endif]-->                        </span>
1605
1606                        
1607                        <!--[if BLOCK]><![endif]-->                            
1608                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1609                            
1610                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->                                    <span wire:key="paginator-page-page1">
1611                                        <!--[if BLOCK]><![endif]-->                                            <span aria-current="page">
1612                                                <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600">1</span>
1613                                            </span>
1614                                        <!--[if ENDBLOCK]><![endif]-->                                    </span>
1615                                                                    <span wire:key="paginator-page-page2">
1616                                        <!--[if BLOCK]><![endif]-->                                            <button type="button" wire:click="gotoPage(2, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 2">
1617                                                2
1618                                            </button>
1619                                        <!--[if ENDBLOCK]><![endif]-->                                    </span>
1620                                                                    <span wire:key="paginator-page-page3">
1621                                        <!--[if BLOCK]><![endif]-->                                            <button type="button" wire:click="gotoPage(3, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 3">
1622                                                3
1623                                            </button>
1624                                        <!--[if ENDBLOCK]><![endif]-->                                    </span>
1625                                                                    <sp
1625an wire:key="paginator-page-page4">
1626                                        <!--[if BLOCK]><![endif]-->                                            <button type="button" wire:click="gotoPage(4, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 4">
1627                                                4
1628                                            </button>
1629                                        <!--[if ENDBLOCK]><![endif]-->                                    </span>
1630                                                                    <span wire:key="paginator-page-page5">
1631                                        <!--[if BLOCK]><![endif]-->                                            <button type="button" wire:click="gotoPage(5, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 5">
1632                                                5
1633                                            </button>
1634                                        <!--[if ENDBLOCK]><![endif]-->                                    </span>
1635                                                                    <span wire:key="paginator-page-page6">
1636                                        <!--[if BLOCK]><![endif]-->                                            <button type="button" wire:click="gotoPage(6, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 6">
1637                                                6
1638                                            </button>
1639                                        <!--[if ENDBLOCK]><![endif]-->                                    </span>
1640                                                                    <span wire:key="paginator-page-page7">
1641                                        <!--[if BLOCK]><![endif]-->                                            <button type="button" wire:click="gotoPage(7, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 7">
1642                                                7
1643                                            </button>
1644                                        <!--[if ENDBLOCK]><![endif]-->                                    </span>
1645                                                                    <sp
1645an wire:key="paginator-page-page8">
1646                                        <!--[if BLOCK]><![endif]-->                                            <button type="button" wire:click="gotoPage(8, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 8">
1647                                                8
1648                                            </button>
1649                                        <!--[if ENDBLOCK]><![endif]-->                                    </span>
1650                                                                    <span wire:key="paginator-page-page9">
1651                                        <!--[if BLOCK]><![endif]-->                                            <button type="button" wire:click="gotoPage(9, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 9">
1652                                                9
1653                                            </button>
1654                                        <!--[if ENDBLOCK]><![endif]-->                                    </span>
1655                                                                    <span wire:key="paginator-page-page10">
1656                                        <!--[if BLOCK]><![endif]-->                                            <button type="button" wire:click="gotoPage(10, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 10">
1657                                                10
1658                                            </button>
1659                                        <!--[if ENDBLOCK]><![endif]-->                                    </span>
1660                                <!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                                                    
1661                            <!--[if BLOCK]><![endif]-->                                <span aria-disabled="true">
1662                                    <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300">...</span>
1663                                </span>
1664                            <!--[if ENDBLOCK]><![endif]-->
1665                            
1666                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                                                    
1667                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1668                            
1669                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->
1669                                    <span wire:key="paginator-page-page34">
1670                                        <!--[if BLOCK]><![endif]-->                                            <button type="button" wire:click="gotoPage(34, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 34">
1671                                                34
1672                                            </button>
1673                                        <!--[if ENDBLOCK]><![endif]-->                                    </span>
1674                                                                    <span wire:key="paginator-page-page35">
1675                                        <!--[if BLOCK]><![endif]-->                                            <button type="button" wire:click="gotoPage(35, 'page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 35">
1676                                                35
1677                                            </button>
1678                                        <!--[if ENDBLOCK]><![endif]-->                                    </span>
1679                                <!--[if ENDBLOCK]><![endif]-->                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->
1680                        <span>
1681                            
1682                            <!--[if BLOCK]><![endif]-->                                <button type="button" wire:click="nextPage('page')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" dusk="nextPage.after" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Next &amp;raquo;">
1683                                    <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1684                                        <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
1685                                    </svg>
1686                                </button>
1687                            <!--[if ENDBLOCK]><![endif]-->                        </span>
1688                    </span>
1689                </div>
1690            </div>
1691        </nav>
1692    <!--[if ENDBLOCK]><![endif]--></div>
1693
1694            <!--[if ENDBLOCK]><![endif]-->        </div>
1695    </div>
1696</section>
1697    <footer class="bg-[#231F20] text-white">
1698
1699        
1700
1701    
1702
1703
1704
1705    <div class="w-full max-w-7xl px-5 mx-auto py-10">
1706
1707
1708        <a href="/">
1709            <div class="w-full">
1710                <img class="h-10 w-auto" src="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/assets/logo.svg" alt="Iteris Logo">
1711            </div>
1712        </a>
1713        <div class="w-full max-w-7xl flex gap-5 lg:flex-nowrap flex-wrap py-10 justify-normal md:justify-between">
1714            <div class="w-full flex gap-x-5 gap-y-6 flex-wrap lg:w-3/4 xl:pr-5">
1715                                    <div class="w-full lg:w-[31%] md:w-[48%] footer_menu">
1716                        <h4 class="text-lg font-bold mb-2">Company</h4>
1717                        <ul class="space-y-1 p-0 m-0 list-none">
1718                                                                                        <li>
1719                                    <a href="/careers"
1720                                        class="text-base text-[#DBDBDB] hover:text-white">Careers </a>
1721                                </li>
1722                                                            <li>
1723                                    <a href="/contact"
1724                                        class="text-base text-[#DBDBDB] hover:text-white">Contact Us</a>
1725                                </li>
1726                                                    </ul>
1727                    </div>
1728                                    <div class="w-full lg:w-[31%] md:w-[48%] footer_menu">
1729                        <h4 class="text-lg font-bold mb-2">Resources</h4>
1730                        <ul class="space-y-1 p-0 m-0 list-none">
1731                                                                                        <li>
1732                                    <a href="/blog"
1733                                        class="text-base text-[#DBDBDB] hover:text-white">Blog</a>
1734                                </li>
1735                                                            <li>
1736                                    <a href="/training-center"
1737                                        class="text-base text-[#DBDBDB] hover:text-white">Training Center</a>
1738                                </li>
1739                                                            <li>
1740                                    <a href="/resource-center"
1741                                        class="text-base text-[#DBDBDB] hover:text-white">Resource Center </a>
1742                                </li>
1743                                                    </ul>
1744                    </div>
1745                                    <div class="w-full lg:w-[31%] md:w-[48%] footer_menu">
1746                        <h4 class="text-lg font-bold mb-2">Smart Sensors</h4>
1747                        <ul class="space-y-1 p-0 m-0 list-none">
1748                                                                                        <li>
1749                                    <a href="/oursolutions/traffic-detection"
1750                                        class="text-base text-[#DBDBDB] hover:text-white">Traffic Detection </a>
1751                                </li>
1752                                                            <li>
1753                                    <a href="/oursolutions/connected-vehicles-v2x"
1754                                        class="text-base text-[#DBDBDB] hover:text-white">Connected Vehicles</a>
1755                                </li>
1756                                                            <li>
1757                                    <a href="/oursolutions/travel-time-measurement/BlueTOAD"
1758                                        class="text-base text-[#DBDBDB] hover:text-white">Travel Time Measurement</a>
1759                                </li>
1760                                                    </ul>
1761                    </div>
1762                                    <div class="w-full lg:w-[31%] md:w-[48%] footer_menu">
1763                        <h4 class="text-lg font-bold mb-2">Mobility Intelligence</h4>
1764                        <ul class="space-y-1 p-0 m-0 list-none">
1765                                                                                        <li>
1766                                    <a href="/oursolutions/traffic-analytics-software"
1767                                        class="text-base text-[#DBDBDB] hover:text-white">Traffic Analytics Software </a>
1768                                </li>
1769                                                            <li>
1770                                    <a href="/oursolutions/asset-management-software/clearasset"
1771                                        class="text-base text-[#DBDBDB] hover:text-white">Asset Management Software</a>
1772                                </li>
1773                                                            <li>
1774                                    <a href="/oursolutions/clearguide-signals/spm"
1775                                        class="text-base text-[#DBDBDB] hover:text-white">SPM Software</a>
1776                                </li>
1777                                                    </ul>
1778                    </div>
1779                                    <div class="w-full lg:w-[31%] md:w-[48%] footer_menu">
1780                        <h4 class="text-lg font-bold mb-2">Managed Services</h4>
1781                        <ul class="space-y-1 p-0 m-0 list-none">
1782                                                                                        <li>
1783                                    <a href="/oursolutions/asset-management"
1784                                        class="text-base text-[#DBDBDB] hover:text-white">Asset Management </a>
1785                                </li>
1786                                                            <li>
1787                                    <a href="/oursolutions/arterial-management"
1788                                        class="text-base text-[#DBDBDB] hover:text-white">Congestion Management </a>
1789                                </li>
1790                                                            <li>
1791                                    <a href="/oursolutions/maintenance-management"
1792                                        class="text-base text-[#DBDBDB] hover:text-white">Maintenance Management</a>
1793                                </li>
1794                                                    </ul>
1795                    </div>
1796                                    <div class="w-full lg:w-[31%] md:w-[48%] footer_menu">
1797                        <h4 class="text-lg font-bold mb-2">Transportation Consulting</h4>
1798                        <ul class="space-y-1 p-0 m-0 list-none">
1799                                                                                        <li>
1800                                    <a href="/oursolutions/mobility-consulting-services/transportation-planning"
1801                                        class="text-base text-[#DBDBDB] hover:text-white">Traffic Planning </a>
1802                                </li>
1803                                                            <li>
1804                                    <a href="/oursolutions/mobility-consulting-services/traffic-signal-timing"
1805                                        class="text-base text-[#DBDBDB] hover:text-white">Traffic Signal Timing </a>
1806                                </li>
1807                                                            <li>
1808                                    <a href="/oursolutions/mobility-consulting-services/its-architecture-design-engineering"
1809                                        class="text-base text-[#DBDBDB] hover:text-white">ITS Engineering</a>
1810                                </li>
1811                                                    </ul>
1812                    </div>
1813                
1814
1815
1816                
1817            </div>
1818            <div class="w-full lg:w-1/4">
1819
1820                                                            <h4 class="text-lg font-bold mb-2">Subscribe to Our Newsletter</h4>
1821                                        <div class="text-base mb-6">
1822                        Receive smart mobility news and analysis direct to your inbox.
1823                    </div>
1824
1825                                            <div class="newsletter_btn mb-16">
1826                            <a href="https://connect.iteris.com/infocus-signup" target="_blank"
1827                                class="inline-block bg-transparent text-[#91C73E] border border-solid border-[#91C73E] py-[7px] px-8 rounded-full hover:bg-[#91C73E] hover:text-white hover:border hover:border-solid hover:border-[#91C73E] font-bold">
1828                                Newsletter Sign-Up</a>
1829                        </div>
1830                                    
1831
1832
1833                <div class="flex items-end gap-5 mt-7">
1834                    
1835                                                    <a href="https://twitter.com/iteris" target="_blank"
1836                                rel="noopener noreferrer">
1837                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
1838                                    fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
1839                                    <path
1840                                        d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"
1841                                        fill="#fff" />
1842                                </svg>
1843                            </a>
1844                                                                            <a href="https://www.linkedin.com/company/iteris-inc-" target="_blank"
1845                                rel="noopener noreferrer">
1846                                <svg xmlns="http://www.w3.org/2000/svg" width="29.105" height="29.104"
1847                                    viewBox="0 0 29.105 29.104">
1848                                    <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in"
1849                                        d="M6.515,29.1H.481V9.673H6.515ZM3.495,7.023A3.511,3.511,0,1,1,6.989,3.5,3.524,3.524,0,0,1,3.495,7.023ZM29.1,29.1H23.077V19.646c0-2.254-.045-5.145-3.137-5.145-3.137,0-3.618,2.449-3.618,4.983V29.1H10.294V9.673h5.787v2.651h.084a6.34,6.34,0,0,1,5.709-3.138c6.107,0,7.229,4.021,7.229,9.245V29.1Z"
1850                                        transform="translate(0 -0.001)" fill="#fff" />
1851                                </svg>
1852                            </a>
1853                        
1854                                                    <a href="https://www.facebook.com/Iteris-Inc-202838216412564/" target="_blank"
1855                                rel="noopener noreferrer">
1856                                <svg xmlns="http://www.w3.org/2000/svg" width="26.872" height="26.709"
1857                                    viewBox="0 0 26.872 26.709">
1858                                    <path id="Icon_awesome-facebook" data-name="Icon awesome-facebook"
1859                                        d="M27.434,14A13.436,13.436,0,1,0,11.9,27.271V17.882H8.486V14H11.9v-2.96c0-3.367,2-5.227,5.075-5.227a20.678,20.678,0,0,1,3.008.262v3.3H18.287a1.942,1.942,0,0,0-2.189,2.1V14h3.726l-.6,3.884H16.1v9.389A13.441,13.441,0,0,0,27.434,14Z"
1860                                        transform="translate(-0.563 -0.563)" fill="#fff" />
1861                                </svg>
1862                            </a>
1863                        
1864                                                    <a href="https://www.youtube.com/user/IterisSolutions" target="_blank"
1865                                rel="noopener noreferrer">
1866                                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30"
1867                                    viewBox="0 0 256 180">
1868                                    <path fill="white"
1869                                        d="M250.346 28.075A32.18 32.18 0 0 0 227.69 5.418C207.824 0 127.87 0 127.87 0S47.912.164 28.046 5.582A32.18 32.18 0 0 0 5.39 28.24c-6.009 35.298-8.34 89.084.165 122.97a32.18 32.18 0 0 0 22.656 22.657c19.866 5.418 99.822 5.418 99.822 5.418s79.955 0 99.82-5.418a32.18 32.18 0 0 0 22.657-22.657c6.338-35.348 8.291-89.1-.164-123.134" />
1870                                    <path fill="#000" d="m102.421 128.06l66.328-38.418l-66.328-38.418z" />
1871                                </svg>
1872                            </a>
1873                                                            </div>
1874            </div>
1875        </div>
1876    </div>
1877    
1878
1879    <div class="flex flex-wrap justify-center text-base gap-5 pb-5 px-2">
1880        <div>Copyright 2026 Iteris, Inc. All rights reserved.</div>
1881        <div>
1882
1883                                                            <a href="/patents"
1884                        class="text-[#DBDBDB] hover:text-white underline underline-offset-2">Patents</a>
1885                                                    |
1886                                                                <a href="/quality-assurance"
1887                        class="text-[#DBDBDB] hover:text-white underline underline-offset-2">Quality Assurance</a>
1888                                                    |
1889                                                                <a href="/privacy-policy"
1890                        class="text-[#DBDBDB] hover:text-white underline underline-offset-2">Privacy Policy</a>
1891                                                    |
1892                                                                <a href="/terms"
1893                        class="text-[#DBDBDB] hover:text-white underline underline-offset-2">Terms of Use</a>
1894                                                    |
1895                                                                
1896                    <button type="button" x-data @click="$dispatch('open-cookie-preferences')"
1897                        class="text-[#DBDBDB] hover:text-white underline underline-offset-2 bg-transparent border-0 p-0 cursor-pointer align-baseline">Manage Cookie Preferences</button>
1898                                            |
1899                        
1900                        <button type="button" x-data @click="$dispatch('open-cookie-preferences')"
1901                            class="text-[#DBDBDB] hover:text-white underline underline-offset-2 bg-transparent border-0 p-0 cursor-pointer align-baseline">Do Not Sell or Share My Personal Information</button>
1902                                                                
1903            
1904
1905
1906        </div>
1907    </div>
1908</footer>
1909
1910
1911<div :class="show_backToTop ? 'block' : 'is-hidden'">
1912    <div id="back_To_Top" x-ref="backTotop" @click="window.scrollTo({top: 0, behavior: 'smooth'})"
1913        class="fixed flex items-center bg-[#231F20] text-white rounded-s-md bottom-10 right-0 md:p-4 md:py-3 p-2 text-xs underline gap-2 cursor-pointer">
1914        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
1915            <g id="Icon_feather-arrow-up-circle" data-name="Icon feather-arrow-up-circle" transform="translate(-2 -2)">
1916                <path id="Path_239" data-name="Path 239" d="M26,14.5A11.5,11.5,0,1,1,14.5,3,11.5,11.5,0,0,1,26,14.5Z"
1917                    transform="translate(0 0)" fill="none" stroke="#91c73e" stroke-linecap="round"
1918                    stroke-linejoin="round" stroke-width="2" />
1919                <path id="Path_240" data-name="Path 240" d="M21.2,16.6,16.6,12,12,16.6"
1920                    transform="translate(-2.1 -2.1)" fill="none" stroke="#91c73e" stroke-linecap="round"
1921                    stroke-linejoin="round" stroke-width="2" />
1922                <path id="Path_241" data-name="Path 241" d="M18,21.2V12" transform="translate(-3.5 -2.1)"
1923                    fill="none" stroke="#91c73e" stroke-linecap="round" stroke-linejoin="round"
1924                    stroke-width="2" />
1925            </g>
1926        </svg>
1927        <span class="hidden md:block">Back to top</span>
1928    </div>
1929</div>
1930
1931    
1932
1933    
1934    
1935    
1936
1937    
1938    
1938<script src="/livewire/livewire.min.js?id=e949cd11" nonce="ufPsP5a8fukCfcQT9OO9HZtJ"  data-csrf="ifQ7uT5vtZYrWch4imFBDEkEE4YIBnXjauRom3NT" data-update-uri="/livewire/update" data-navigate-once="true"></script>
1938
1939    
1939<script nonce="ufPsP5a8fukCfcQT9OO9HZtJ">
1940        window.defaultClasses = 'jjjj';
1941    </script>
1941
1942<!--
1943    
1943<script nonce="ufPsP5a8fukCfcQT9OO9HZtJ">
1944         function adjustSelectBoxWidth(selectElement) {
1945        // Create a temporary span element to calculate the width
1946        const span = document.createElement('span');
1947        document.body.appendChild(span);
1948        span.style.visibility = 'hidden';
1949        span.style.whiteSpace = 'nowrap'; // Ensures no line breaks
1950
1951        // Loop through all options to find the maximum width
1952        let maxWidth = 0;
1953        let selected = selectElement.value;
1954        span.innerHTML = selected;
1955        const optionWidth = span.getBoundingClientRect().width;
1956        if (optionWidth > maxWidth) {
1957            maxWidth = optionWidth;
1958        }
1959
1960
1961        // Remove the span element after calculation
1962        document.body.removeChild(span);
1963
1964        // Set the width of the select element
1965        selectElement.style.width = (maxWidth + 20) + 'px'; // Add some padding
1966    }
1967
1968    // Call the function on page load and on change
1969    // document.addEventListener('DOMContentLoaded', () => {
1970    //     const selectBoxes = document.querySelectorAll('.auto-size-select');
1971    //     selectBoxes.forEach(select => adjustSelectBoxWidth(select));
1972    // });
1973
1974    // Optional: Adjust size when the select box is changed
1975    document.querySelectorAll('.auto-size-select').forEach(select => {
1976        select.addEventListener('change', () => adjustSelectBoxWidth(select));
1977    });
1978        </script>
1978 -->
1979
1980
1981
1982<!-- 
1982<script nonce="ufPsP5a8fukCfcQT9OO9HZtJ">
1983function getDomainName(url) {
1984    var parsedURL = new URL(url);
1985    return parsedURL.hostname;
1986}
1987
1988function hideExternalLinkCheckModel(){
1989    document.getElementById("ExternalLinkPopup").style.display = "none";
1990}
1991
1992
1993$('#go-to-third-party-button').on('click',function(){
1994    var gotolink = $(this).attr('goto_link');
1995    window.open(gotolink, '_blank');
1996    hideExternalLinkCheckModel();
1997});
1998
1999
2000
2001// function showPopup(event) {
2002//     event.preventDefault();
2003//     var hrefValue = event.target.getAttribute('href');
2004//     if (hrefValue.includes('http://') || hrefValue.includes('https://')){
2005//             var currentDomain = window.location.hostname;
2006//             var domainName = getDomainName(hrefValue);
2007//             if(domainName != currentDomain){
2008//                 var goToSite = document.getElementById("go-to-third-party");
2009//                 goToSite.setAttribute('target', '_blank');
2010//                 goToSite.setAttribute('href', hrefValue);
2011
2012//                 var popup = document.getElementById("ExternalLinkPopup");
2013//                 popup.style.display = "block";
2014//             }else{
2015//                 window.location.href = hrefValue;
2016//             }
2017//     }else{
2018//         window.location.href = hrefValue;
2019//     }
2020// }
2021
2022$('a:not([download])').on('click', function(event){
2023    event.preventDefault();
2024    var hrefValue = $(this).attr('href');
2025    if (hrefValue.includes('http://') || hrefValue.includes('https://')){
2026        var currentDomain = window.location.hostname;
2027        var domainName = getDomainName(hrefValue);
2028        if(domainName != currentDomain){
2029            $('#go-to-third-party-button').attr({'goto_link':hrefValue});
2030            $('#ExternalLinkPopup').css('display', 'block');
2031        }else{
2032            window.location.href = hrefValue;
2033        }
2034    }else{
2035        if (hrefValue.includes('.pdf')){
2036            window.open(hrefValue, '_blank');
2037        }else{
2038            window.location.href = hrefValue;
2039        }
2040    }
2041});
2042function CloseThirdPartySitePopup(){
2043    $('#ExternalLinkPopup').css('display', 'none');
2044}
2045</script>
2045 -->
2046
2047<div>
2048
2049    <div>
2050        <div id="ExternalLinkPopup" class="fixed z-[99999] inset-0 overflow-y-auto" aria-labelledby="modal-title"
2051             role="dialog" aria-modal="true" style="display: none;">
2052            <div class="flex items-center justify-center min-h-screen">
2053                <div class="fixed inset-0 bg-gray-600 bg-opacity-75 transition-opacity"></div>
2054                <div
2055                        class="bg-black text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full">
2056                    <div class="bg-black px-5 pt-5 pb-4 sm:p-6 sm:pb-4">
2057                        <button onclick="CloseThirdPartySitePopup()" type="button"
2058                                class="box-content rounded-none border-none hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none text-white hover:text-blue-700 float-right"
2059                                data-te-modal-dismiss="" aria-label="Close" data-te-ripple-init="">
2060                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
2061                                 stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
2062                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
2063                            </svg>
2064                        </button>
2065                        <h3 class="text-lg leading-6 font-medium text-white mb-0" id="modal-title">
2066                            You are leaving Iteris.com
2067                        </h3>
2068                        <div class="mt-2">
2069                            <p class="text-sm text-white mb-0">
2070                                Please be aware that this link will take you to an external website that is controlled
2071                                by other parties and may be subject to different privacy policy terms. Do you wish to
2072                                continue?</p>
2073                        </div>
2074                    </div>
2075                    <div class="bg-black pt-2  pb-5 px-5">
2076
2077                        <button id="go-to-third-party-button" type="button"
2078                                class="extra_popup_btn mb-4 !w-full inline-flex justify-center border border-transparent shadow-sm px-4 py-2 bg-blue-900 !text-base !font-medium text-white hover:bg-blue-800 focus:outline-none sm:w-auto sm:text-sm">
2079                            Continue to third-party site
2080                        </button>
2081                        <button id="remain-on-site" onclick="CloseThirdPartySitePopup();" type="button"
2082                                class="mt-3 !w-full inline-flex justify-center border border-transparent shadow-sm px-4 py-2 bg-blue-900 !text-base !font-medium text-white hover:bg-blue-800 sm:mt-0 sm:w-auto sm:text-sm">
2083                            Remain on Iteris.com
2084                        </button>
2085                    </div>
2086                </div>
2087            </div>
2088        </div>
2089    </div>
2090
2091    
2091<script nonce="ufPsP5a8fukCfcQT9OO9HZtJ">
2092        function getDomainName(url) {
2093            var parsedURL = new URL(url);
2094            return parsedURL.hostname;
2095        }
2096
2097        function CloseThirdPartySitePopup() {
2098            document.getElementById('ExternalLinkPopup').style.display = 'none';
2099        }
2100
2101        // List of ignored domains
2102        const ignoredDomains = ['iteris.com', 'www.iteris.com', 'trafficcast.zendesk.com', 'hollow-brook-veh10kmffwbc.vapor-farm-e1.com', 'iterisinc.gcs-web.com', 'connect.iteris.com', 'iterisinc1-my.sharepoint.com'];
2103
2104        // List of allowed file extensions
2105        const allowedExtensions = ['.png', '.jpg', '.jpeg', '.pdf'];
2106
2107        // List of domains to open in the same window
2108        const sameWindowDomains = ['hollow-brook-veh10kmffwbc.vapor-farm-e1.com', 'iteris.com', 'www.iteris.com'];
2109
2110        document.addEventListener("DOMContentLoaded", function () {
2111            var anchors = document.querySelectorAll("a");
2112
2113            document.getElementById('go-to-third-party-button').addEventListener('click', function () {
2114                var gotolink = this.getAttribute('goto_link');
2115                window.open(gotolink, '_blank');
2116                CloseThirdPartySitePopup();
2117            });
2118
2119            anchors.forEach(function (anchor) {
2120                anchor.addEventListener("click", function (event) {
2121                    event.preventDefault();
2122                    let hrefValue = anchor.getAttribute('href');
2123                    let target = anchor.getAttribute('target');
2124                    if (target == null) {
2125                        target = '_self';
2126                    }
2127
2128                    if (hrefValue.includes('http://') || hrefValue.includes('https://')) {
2129                        let currentDomain = window.location.hostname;
2130                        let domainName = getDomainName(hrefValue);
2131
2132                        if (allowedExtensions.some(ext => hrefValue.includes(ext))) {
2133                            window.open(hrefValue, '_blank');
2134                        } else if (sameWindowDomains.includes(domainName)) {
2135                            // window.location.href = hrefValue;
2136                            window.open(hrefValue, target);
2137                        } else if (!ignoredDomains.includes(domainName) && domainName !== currentDomain) {
2138                            document.getElementById('go-to-third-party-button').setAttribute('goto_link', hrefValue);
2139                            document.getElementById('ExternalLinkPopup').style.display = 'block';
2140                        } else {
2141                            // window.open(hrefValue, '_blank');
2142                            window.open(hrefValue, target);
2143                        }
2144                    } else {
2145                        if (hrefValue.includes('.pdf')) {
2146                            window.open(hrefValue, '_blank');
2147                        } else {
2148                            if (target == '_blank') {
2149                                window.open(hrefValue, target);
2150                            } else {
2151                                window.location.href = hrefValue;
2152                            }
2153                        }
2154                    }
2155                });
2156            });
2157        });
2158    </script>
2158
2159
2160
2161</div>
2162
2163<script nonce="ufPsP5a8fukCfcQT9OO9HZtJ">
2164    window.onscroll = function() {
2165        var header = document.getElementById("header_fixed");
2166        if (window.scrollY > 50) {
2167
2168            header.classList.add("header_scrolled");
2169        } else {
2170
2171            header.classList.remove("header_scrolled");
2172        }
2173    };
2174</script>
2174
2175
2176
2177<style>
2178    #cookie-consent-banner [x-cloak] { display: none !important; }
2179    #cookie-consent-banner {
2180        --ab-brand: #1B779D;
2181        --ab-text: #616161;
2182        --ab-strong: #424242;
2183        --ab-muted: #999999;
2184        --ab-surface: #FFFFFF;
2185        --ab-radius: 6px;
2186        --ab-font: 'Clarity City', system-ui, 'Helvetica Neue', Helvetica, Arial, sans-serif;
2187
2188        position: fixed;
2189        left: 0;
2190        right: 0;
2191        bottom: 0;
2192        z-index: 2147483000;
2193        padding: 16px;
2194        font-family: var(--ab-font);
2195    }
2196    #cookie-consent-banner .ab-card {
2197        max-width: 1200px;
2198        margin: 0 auto;
2199        background: var(--ab-surface);
2200        border-left: 4px solid var(--ab-brand);
2201        border-radius: var(--ab-radius);
2202        box-shadow: rgba(0,0,0,0.2) 0 2px 1px -1px,
2203                    rgba(0,0,0,0.14) 0 1px 1px 0,
2204                    rgba(0,0,0,0.12) 0 1px 3px 0;
2205        padding: 10px;
2206    }
2207    #cookie-consent-banner .ab-row {
2208        display: flex;
2209        align-items: center;
2210        justify-content: space-between;
2211        gap: 16px;
2212    }
2213    #cookie-consent-banner .ab-content { display: flex; align-items: center; flex: 1; min-width: 0; }
2214    #cookie-consent-banner .ab-titleblock { display: flex; flex-direction: column; }
2215    #cookie-consent-banner .ab-title {
2216        font-size: 16px; font-weight: 600; color: var(--ab-text); margin-right: 10px;
2217    }
2218    #cookie-consent-banner .ab-desc { font-size: 14px; color: var(--ab-text); }
2219    #cookie-consent-banner .ab-desc-expanded { font-size: 14px; color: var(--ab-text); margin-top: 2.5px; }
2220    #cookie-consent-banner .ab-link {
2221        background: none; border: 0; padding: 0; cursor: pointer;
2222        color: var(--ab-brand); font: inherit; font-size: 14px; margin-left: 6px;
2223    }
2224    #cookie-consent-banner .ab-link:hover { text-decoration: underline; }
2225    #cookie-consent-banner .ab-policy-link {
2226        color: var(--ab-brand); font-size: 14px; text-decoration: underline;
2227        margin-left: 6px; white-space: nowrap;
2228    }
2229    #cookie-consent-banner .ab-actions {
2230        display: flex; align-items: center; gap: 12px; margin-left: 16px; flex-shrink: 0;
2231    }
2232    /* Both actions share the same white / brand-outlined treatment so neither
2233       button is visually emphasized over the other (GDPR: accept and decline
2234       must be presented equivalently). */
2235    #cookie-consent-banner .ab-accept {
2236        background: #fff; color: var(--ab-brand); border: 1px solid var(--ab-brand);
2237        border-radius: var(--ab-radius); padding: 9px 20px; font-size: 12px; font-weight: 500;
2238        line-height: 21px; min-width: 100px; cursor: pointer; flex-shrink: 0;
2239    }
2240    #cookie-consent-banner .ab-accept:hover { background: rgba(27, 119, 157, 0.06); }
2241    #cookie-consent-banner .ab-accept:disabled { opacity: 0.5; cursor: not-allowed; }
2242    #cookie-consent-banner .ab-necessary {
2243        background: #fff; color: var(--ab-brand); border: 1px solid var(--ab-brand);
2244        border-radius: var(--ab-radius); padding: 9px 20px; font-size: 12px; font-weight: 500;
2245        line-height: 21px; min-width: 100px; cursor: pointer; flex-shrink: 0;
2246    }
2247    #cookie-consent-banner .ab-necessary:hover { background: rgba(27, 119, 157, 0.06); }
2248    #cookie-consent-banner .ab-necessary:disabled { opacity: 0.5; cursor: not-allowed; }
2249    #cookie-consent-banner .ab-toggle-all { margin: 4px 0 0 0; font-size: 13px; }
2250    #cookie-consent-banner .ab-conditions {
2251        display: flex; flex-direction: column; gap: 4px;
2252        list-style: none; margin: 0; padding: 0; flex: 1;
2253    }
2254    #cookie-consent-banner .ab-condition {
2255        display: inline-flex; align-items: flex-start; gap: 8px; cursor: pointer; margin-left: -11px;
2256    }
2257    #cookie-consent-banner .ab-condition[aria-disabled="true"] { cursor: default; }
2258    #cookie-consent-banner .ab-condition input[type="checkbox"] {
2259        appearance: none; -webkit-appearance: none;
2260        width: 18px; height: 18px; border: 2px solid var(--ab-muted);
2261        border-radius: 3px; margin: 3px 0 0 0; flex-shrink: 0;
2262        display: inline-grid; place-content: center; cursor: pointer;
2263    }
2264    #cookie-consent-banner .ab-condition input[type="checkbox"]:checked {
2265        background: var(--ab-brand); border-color: var(--ab-brand);
2266    }
2267    #cookie-consent-banner .ab-condition input[type="checkbox"]:checked::after {
2268        content: ''; width: 5px; height: 10px; border: solid #fff;
2269        border-width: 0 2px 2px 0; transform: rotate(45deg); margin-top: -2px;
2270    }
2271    #cookie-consent-banner .ab-condition input[type="checkbox"]:disabled {
2272        background: var(--ab-muted); border-color: var(--ab-muted);
2272 cursor: not-allowed;
2273    }
2274    #cookie-consent-banner .ab-condition-text { font-size: 14px; color: var(--ab-text); line-height: 1.4; }
2275    #cookie-consent-banner .ab-condition-text b { color: var(--ab-strong); }
2276    @media (max-width: 768px) {
2277        #cookie-consent-banner .ab-row { flex-direction: column; align-items: stretch; }
2278        #cookie-consent-banner .ab-actions { margin-left: 0; }
2279        #cookie-consent-banner .ab-actions button { flex: 1; }
2280    }
2281</style>
2282
2283<div
2284    id="cookie-consent-banner"
2285    x-data="{
2286        open: true,
2287        expanded: false,
2288        submitting: false,
2289        conditions: JSON.parse('[{\u0022id\u0022:\u0022necessary\u0022,\u0022label\u0022:\u0022Necessary\u0022,\u0022description\u0022:\u0022Necessary cookies are required for some functional features of the application\u0022,\u0022disabled\u0022:true,\u0022checked\u0022:true},{\u0022id\u0022:\u0022analytics\u0022,\u0022label\u0022:\u0022Analytics\u0022,\u0022description\u0022:\u0022Analytics cookies collect usage data to improve your experience\u0022,\u0022disabled\u0022:false,\u0022checked\u0022:false},{\u0022id\u0022:\u0022advertising\u0022,\u0022label\u0022:\u0022Advertising\u0022,\u0022description\u0022:\u0022Advertising cookies help us measure our marketing and show you relevant Iteris content, including on other sites.\u0022,\u0022disabled\u0022:false,\u0022checked\u0022:false}]'),
2290        toggle(c) {
2291            if (c.disabled) return;
2292            c.checked = !c.checked;
2293        },
2294        optional() {
2295            return this.conditions.filter((c) => !c.disabled);
2296        },
2297        allChecked() {
2298            return this.optional().every((c) => c.checked);
2299        },
2300        // A customised selection: some (but not all) optional categories ticked.
2301        customised() {
2302            return this.expanded && !this.allChecked() && this.optional().some((c) => c.checked);
2303        },
2304        // Agree button label mirrors Only Necessary; switches when the
2305        // visitor customises the checkboxes in the expanded panel.
2306        agreeLabel() {
2307            return this.customised() ? 'Agree to Selection' : 'Agree to all Cookies';
2308        },
2309        // Agree — submits the customised selection, otherwise grants every category.
2310        accept() {
2311            if (!this.customised()) {
2312                this.conditions.forEach((c) => { c.checked = true; });
2313            }
2314            this.submit(false);
2315        },
2316        // Subtle link in the expanded panel: Check All <-> Check Only Necessary.
2317        toggleAll() {
2318            const target = !this.allChecked();
2319            this.optional().forEach((c) => { c.checked = target; });
2320        },
2321        // Reject every optional category — keep only strictly necessary.
2322        acceptNecessary() {
2323            this.submit(true);
2324        },
2325        submit(onlyNecessary) {
2326            if (this.submitting) return;
2327            this.submitting = true;
2328
2329            const body = new FormData();
2330            this.conditions.forEach((c) => {
2331                const granted = c.disabled ? true : (onlyNecessary ? false : c.checked);
2332                body.append('preferences[' + c.id + ']', granted ? '1' : '0');
2333            });
2334
2335            fetch('https://www.iteris.com/cookie-consent', {
2336                method: 'POST',
2337                headers: {
2338                    'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]')?.content,
2339                    'X-Requested-With': 'XMLHttpRequest',
2340                    'Accept': 'application/json',
2341                },
2342                body,
2343            }).then((r) => {
2344                if (r.ok) {
2345                    this.open = false;
2346                    // Reload so consented tracking scripts render server-side.
2347                    window.location.reload();
2348                } else {
2349                    this.submitting = false;
2350                }
2351            }).catch(() => { this.submitting = false; });
2352        }
2353    }"
2354    x-show="open"
2355    x-cloak
2356    @open-cookie-preferences.window="open = true; expanded = true; submitting = false;"
2357    role="dialog"
2358    aria-live="polite"
2359    aria-label="Manage Collection Preferences"
2360>
2361    <div class="ab-card">
2362        <div class="ab-row">
2363
2364            
2365            <div class="ab-content" x-show="!expanded">
2366                <div class="ab-title">Manage Collection Preferences</div>
2367                <div class="ab-desc">
2368                    <span>We collect data to enhance your experience, personalize content, and improve product performance.</span>
2369                                            <a class="ab-policy-link" href="https://www.iteris.com/privacy-policy" target="_blank" rel="noopener">Privacy Policy (v. 1.0)</a>
2370                                                                <a class="ab-policy-link" href="https://www.iteris.com/terms" target="_blank" rel="noopener">Terms of Use</a>
2371                                        <button type="button" class="ab-link"
2372                            @click="expanded = true"
2373                            :aria-expanded="expanded.toString()"
2374                            aria-controls="cookie-consent-conditions">
2375                        Customize settings here
2376                    </button>
2377                </div>
2378            </div>
2379
2380            
2381            <div class="ab-content" x-show="expanded" x-cloak style="align-items:flex-start;">
2382                <div class="ab-titleblock" style="margin-right:16px;min-width:180px;">
2383                    <div class="ab-title">Manage Collection Preferences</div>
2384                    <div class="ab-desc-expanded">We collect data to improve your experience</div>
2385                                            <a class="ab-policy-link" style="margin-left:0;margin-top:6px;display:inline-block;" href="https://www.iteris.com/privacy-policy" target="_blank" rel="noopener">Privacy Policy (v. 1.0)</a>
2386                                                                <a class="ab-policy-link" style="margin-left:0;margin-top:6px;display:inline-block;" href="https://www.iteris.com/terms" target="_blank" rel="noopener">Terms of Use</a>
2387                                    </div>
2388                <ul id="cookie-consent-conditions" class="ab-conditions">
2389                    <template x-for="c in conditions" :key="c.id">
2390                        <li>
2391                            <label class="ab-condition" :aria-disabled="c.disabled">
2392                                <input type="checkbox"
2393                                       :checked="c.checked"
2394                                       :disabled="c.disabled"
2395                                       @change="toggle(c)">
2396                                <span class="ab-condition-text">
2397                                    <b x-text="c.label + ':'"></b>
2398                                    <span x-text="' ' + (c.description || '')"></span>
2399                                </span>
2400                            </label>
2401                        </li>
2402                    </template>
2403                    <li>
2404                        <button type="button" class="ab-link ab-toggle-all"
2405                                @click="toggleAll()"
2406                                x-text="allChecked() ? 'Check Only Necessary' : 'Check All'">Check All</button>
2407                    </li>
2408                </ul>
2409            </div>
2410
2411            <div class="ab-actions">
2412                
2413                <button type="button" class="ab-necessary"
2414                        :disabled="submitting"
2415                        @click="acceptNecessary()">Only Necessary Cookies</button>
2416                <button type="button" class="ab-accept"
2417                        :disabled="submitting"
2418                        @click="accept()" x-text="agreeLabel()">Agree to all Cookies</button>
2419            </div>
2420        </div>
2421    </div>
2422</div>
2423</body>
2424</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.