{"id":10,"date":"2025-06-27T21:32:57","date_gmt":"2025-06-27T21:32:57","guid":{"rendered":"https:\/\/mvponstarevents.kinsta.cloud\/?page_id=10"},"modified":"2025-08-25T15:33:22","modified_gmt":"2025-08-25T15:33:22","slug":"onstar-safety-resource-center","status":"publish","type":"page","link":"https:\/\/onstarvirtualtraining.com\/","title":{"rendered":"OnStar Public Safety Resource Center"},"content":{"rendered":"<div class=\"featured-resources__top pt-[1rem] pr-[1rem] md:pr-0\">\n  <div class=\"grid grid-cols-12 gap-6 auto-rows-[250px] lg:auto-rows-[300px]\">\n        \n    <div id=\"jumplink-28\" class=\"jumplink-28 sidebar-menu-src resource-card relative h-[250px] lg:h-[300px] rounded-[20px] overflow-hidden group col-span-12 sm:col-span-12\" data-title=\"OnStar Public Safety Training Course\" data-key=\"jumplink-28\">\n            <button type=\"button\"\n        class=\"absolute inset-0 z-40\"\n        onclick=\"openPresentationModal('OnStar Public Safety Training Course', [{&quot;presentation_url&quot;:&quot;https:\\\/\\\/onstarvirtualtraining.com\\\/Module_1\\\/&quot;},{&quot;presentation_url&quot;:&quot;https:\\\/\\\/onstarvirtualtraining.com\\\/Module_2\\\/&quot;},{&quot;presentation_url&quot;:&quot;https:\\\/\\\/onstarvirtualtraining.com\\\/Module_3\\\/&quot;},{&quot;presentation_url&quot;:&quot;https:\\\/\\\/onstarvirtualtraining.com\\\/Module_4\\\/&quot;}])\"\n        aria-label=\"Open presentation fullscreen\">\n      <\/button>\n      \n      <div class=\"block w-full h-full cursor-pointer\">\n        <div class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n          style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/06\/Screenshot-2025-06-10-at-10.08.47\u202fAM-3.png');\"><\/div>\n\n        <div class=\"absolute inset-0 z-10\"\n          style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\"><\/div>\n\n        <div class=\"absolute inset-0 z-20 flex flex-col xs:flex-row items-start justify-between text-left py-[20px] pl-[27px] pr-[20px] gap-[5px]\">\n          <div class=\"featured-resource__title symbol-adjusted text-lg text-white break-all max-w-[300px] leading-[28px]\" style=\"word-break: break-word; font-size: 24px;\">\n            OnStar Public Safety Training Course\n          <\/div>\n                  <\/div>\n\n      <\/div>\n    <\/div>\n      <\/div>\n<\/div>\n\n\n<div class=\"safety-category-selector__top inline-block pt-[0.9rem] pr-0 sm:pr-[1rem] md:pr-0\" style=\"margin-bottom: 10px; width: 100%;\">\n\n  <div id=\"jumplink-11-69df8f592e7d7\" class=\"safety-category__title symbol-adjusted sidebar-menu-src text-body-normal pt-[1.5rem] mb-[1.2rem]\" data-title=\"Latest Videos\" data-key=\"jumplink-11-69df8f592e7d7\">Latest Videos<\/div>\n\n  <div class=\"safety-category-selector__categories overflow-hidden\" style=\"width: 100%;\">\n        <!-- Mobile: Horizontal scrolling row -->\n    <div class=\"mobile-safety-category-selector sm:hidden overflow-x-auto overflow-y-hidden\" style=\"scrollbar-width: thin;\">\n      <div class=\"flex gap-4 pb-4 px-0 pr-[1rem]\" style=\"width: max-content; overflow-x: auto;\">\n                \n        <div id=\"jumplink-32\" class=\"jumplink-32 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"32\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/Onstar_SVS_Fruitland_v9_101923.mp4', 'video')\"\n            aria-label=\"Open video fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/06\/Fruitland-1.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Fruitland, MD Stolen Vehicle Slowdown<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>4 min<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                      <\/div>\n    <\/div>\n\n    <!-- Desktop: Grid layout -->\n    <div class=\"desktop-safety-category-selector hidden sm:grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6\">\n                        <div id=\"jumplink-32\" class=\"jumplink-32 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"32\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/Onstar_SVS_Fruitland_v9_101923.mp4', 'video')\"\n          aria-label=\"Open video fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/06\/Fruitland-1.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Fruitland, MD Stolen Vehicle Slowdown<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>4 min<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                <\/div>\n      <\/div>\n<\/div>\n\n<div class=\"safety-category-selector__top inline-block pt-[0.9rem] pr-0 sm:pr-[1rem] md:pr-0\" style=\"margin-bottom: 10px; width: 100%;\">\n\n  <div id=\"jumplink-3-69df8f592f575\" class=\"safety-category__title symbol-adjusted sidebar-menu-src text-body-normal pt-[1.5rem] mb-[1.2rem]\" data-title=\"Automatic Crash Response\" data-key=\"jumplink-3-69df8f592f575\">Automatic Crash Response<\/div>\n\n  <div class=\"safety-category-selector__categories overflow-hidden\" style=\"width: 100%;\">\n        <!-- Mobile: Horizontal scrolling row -->\n    <div class=\"mobile-safety-category-selector sm:hidden overflow-x-auto overflow-y-hidden\" style=\"scrollbar-width: thin;\">\n      <div class=\"flex gap-4 pb-4 px-0 pr-[1rem]\" style=\"width: max-content; overflow-x: auto;\">\n                \n        <div id=\"jumplink-14\" class=\"jumplink-14 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"14\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/OnStar-ACR-Presentation.mp4', 'video')\"\n            aria-label=\"Open video fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/05\/Automatic-crash-response-presentation.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Automatic Crash Response Presentation<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>3 min<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                \n        <div id=\"jumplink-63\" class=\"jumplink-63 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"63\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/05\/Automatic-Crash-Response-Overview-2025-1.pdf', 'pdf')\"\n            aria-label=\"Open pdf fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/05\/automatic-crash-response-overview.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Automatic Crash Response Overview<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">View <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='pdf icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>PDF<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                \n        <div id=\"jumplink-23\" class=\"jumplink-23 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"23\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/OnStar_Rapid_Deploy_v15_051823_wOpenCaptions.mp4', 'video')\"\n            aria-label=\"Open video fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/06\/d6b70be0cce7c0a7752bde609be6ccb9c6a80415.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">OnStar + RapidDeploy Crash Data Integration<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>6 min<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                      <\/div>\n    <\/div>\n\n    <!-- Desktop: Grid layout -->\n    <div class=\"desktop-safety-category-selector hidden sm:grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6\">\n                        <div id=\"jumplink-14\" class=\"jumplink-14 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"14\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/OnStar-ACR-Presentation.mp4', 'video')\"\n          aria-label=\"Open video fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/05\/Automatic-crash-response-presentation.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Automatic Crash Response Presentation<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>3 min<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                  <div id=\"jumplink-63\" class=\"jumplink-63 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"63\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/05\/Automatic-Crash-Response-Overview-2025-1.pdf', 'pdf')\"\n          aria-label=\"Open pdf fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/05\/automatic-crash-response-overview.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Automatic Crash Response Overview<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">View <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='pdf icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>PDF<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                  <div id=\"jumplink-23\" class=\"jumplink-23 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"23\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/OnStar_Rapid_Deploy_v15_051823_wOpenCaptions.mp4', 'video')\"\n          aria-label=\"Open video fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/06\/d6b70be0cce7c0a7752bde609be6ccb9c6a80415.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">OnStar + RapidDeploy Crash Data Integration<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>6 min<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                <\/div>\n      <\/div>\n<\/div>\n\n<div class=\"safety-category-selector__top inline-block pt-[0.9rem] pr-0 sm:pr-[1rem] md:pr-0\" style=\"margin-bottom: 10px; width: 100%;\">\n\n  <div id=\"jumplink-4-69df8f5930e5b\" class=\"safety-category__title symbol-adjusted sidebar-menu-src text-body-normal pt-[1.5rem] mb-[1.2rem]\" data-title=\"Stolen Vehicle Assistance\" data-key=\"jumplink-4-69df8f5930e5b\">Stolen Vehicle Assistance<\/div>\n\n  <div class=\"safety-category-selector__categories overflow-hidden\" style=\"width: 100%;\">\n        <!-- Mobile: Horizontal scrolling row -->\n    <div class=\"mobile-safety-category-selector sm:hidden overflow-x-auto overflow-y-hidden\" style=\"scrollbar-width: thin;\">\n      <div class=\"flex gap-4 pb-4 px-0 pr-[1rem]\" style=\"width: max-content; overflow-x: auto;\">\n                \n        <div id=\"jumplink-133\" class=\"jumplink-133 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"133\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/Vehicle_Location_Assistance-proxy.mp4', 'video')\"\n            aria-label=\"Open video fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/vehicle-location-assistance-presentation-1-scaled.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Vehicle Location Assistance Presentation<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>10 min<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                \n        <div id=\"jumplink-131\" class=\"jumplink-131 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"131\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/StolenVehicleAssistanceOverview-2025.pdf', 'pdf')\"\n            aria-label=\"Open pdf fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/stolen-vehicle-assistance-overview.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Stolen Vehicle Location Assistance Overview<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">View <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='pdf icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>PDF<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                \n        <div id=\"jumplink-32\" class=\"jumplink-32 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"32\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/Onstar_SVS_Fruitland_v9_101923.mp4', 'video')\"\n            aria-label=\"Open video fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/06\/Fruitland-1.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Fruitland, MD Stolen Vehicle Slowdown<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>4 min<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                \n        <div id=\"jumplink-105\" class=\"jumplink-105 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"105\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/Onstar_First_Responder_Police.mp4', 'video')\"\n            aria-label=\"Open video fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/oakland-county.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Oakland County, MI \u2013 Auto Theft<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>1 min<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                \n        <div id=\"jumplink-129\" class=\"jumplink-129 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"129\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/OnStar_Fresno_Stolen_Vehicle_Slowdown_Update_101822.mp4', 'video')\"\n            aria-label=\"Open video fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/fresno.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Fresno County, CA Stolen Vehicle Slowdown<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>2 min<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                      <\/div>\n    <\/div>\n\n    <!-- Desktop: Grid layout -->\n    <div class=\"desktop-safety-category-selector hidden sm:grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6\">\n                        <div id=\"jumplink-133\" class=\"jumplink-133 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"133\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/Vehicle_Location_Assistance-proxy.mp4', 'video')\"\n          aria-label=\"Open video fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/vehicle-location-assistance-presentation-1-scaled.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Vehicle Location Assistance Presentation<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>10 min<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                  <div id=\"jumplink-131\" class=\"jumplink-131 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"131\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/StolenVehicleAssistanceOverview-2025.pdf', 'pdf')\"\n          aria-label=\"Open pdf fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/stolen-vehicle-assistance-overview.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Stolen Vehicle Location Assistance Overview<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">View <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='pdf icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>PDF<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                  <div id=\"jumplink-32\" class=\"jumplink-32 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"32\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/Onstar_SVS_Fruitland_v9_101923.mp4', 'video')\"\n          aria-label=\"Open video fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/06\/Fruitland-1.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Fruitland, MD Stolen Vehicle Slowdown<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>4 min<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                  <div id=\"jumplink-105\" class=\"jumplink-105 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"105\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/Onstar_First_Responder_Police.mp4', 'video')\"\n          aria-label=\"Open video fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/oakland-county.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Oakland County, MI \u2013 Auto Theft<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>1 min<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                  <div id=\"jumplink-129\" class=\"jumplink-129 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"129\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/OnStar_Fresno_Stolen_Vehicle_Slowdown_Update_101822.mp4', 'video')\"\n          aria-label=\"Open video fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/fresno.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Fresno County, CA Stolen Vehicle Slowdown<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>2 min<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                <\/div>\n      <\/div>\n<\/div>\n\n<div class=\"safety-category-selector__top inline-block pt-[0.9rem] pr-0 sm:pr-[1rem] md:pr-0\" style=\"margin-bottom: 10px; width: 100%;\">\n\n  <div id=\"jumplink-5-69df8f5932c40\" class=\"safety-category__title symbol-adjusted sidebar-menu-src text-body-normal pt-[1.5rem] mb-[1.2rem]\" data-title=\"OnStar Guardian\u00ae App\" data-key=\"jumplink-5-69df8f5932c40\">OnStar Guardian\u00ae App<\/div>\n\n  <div class=\"safety-category-selector__categories overflow-hidden\" style=\"width: 100%;\">\n        <!-- Mobile: Horizontal scrolling row -->\n    <div class=\"mobile-safety-category-selector sm:hidden overflow-x-auto overflow-y-hidden\" style=\"scrollbar-width: thin;\">\n      <div class=\"flex gap-4 pb-4 px-0 pr-[1rem]\" style=\"width: max-content; overflow-x: auto;\">\n                \n        <div id=\"jumplink-35\" class=\"jumplink-35 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"35\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/Guardian_App-proxy.mp4', 'video')\"\n            aria-label=\"Open video fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/06\/onstar-guardian-app-presentation.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">OnStar Guardian\u00ae App Presentation<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>3 min<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                \n        <div id=\"jumplink-135\" class=\"jumplink-135 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"135\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/OnStar_Guardian_App_Update_102822.mp4', 'video')\"\n            aria-label=\"Open video fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/onstar-guardian-app-overview.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">OnStar Guardian\u00ae App Overview<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>2 min<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                \n        <div id=\"jumplink-143\" class=\"jumplink-143 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"143\">\n                              <a href=\"https:\/\/www.onstar.com\/plans\/guardian-app\" class=\"absolute inset-0 z-40\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-24-at-10.35.41-AM.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">OnStar Guardian\u00ae App Services<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">Visit <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='presentation icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/link.svg' style='height: 18px;' alt='Presentation icon' \/><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                      <\/div>\n    <\/div>\n\n    <!-- Desktop: Grid layout -->\n    <div class=\"desktop-safety-category-selector hidden sm:grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6\">\n                        <div id=\"jumplink-35\" class=\"jumplink-35 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"35\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/Guardian_App-proxy.mp4', 'video')\"\n          aria-label=\"Open video fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/06\/onstar-guardian-app-presentation.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">OnStar Guardian\u00ae App Presentation<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>3 min<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                  <div id=\"jumplink-135\" class=\"jumplink-135 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"135\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/OnStar_Guardian_App_Update_102822.mp4', 'video')\"\n          aria-label=\"Open video fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/onstar-guardian-app-overview.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">OnStar Guardian\u00ae App Overview<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>2 min<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                  <div id=\"jumplink-143\" class=\"jumplink-143 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"143\">\n                        <a href=\"https:\/\/www.onstar.com\/plans\/guardian-app\" class=\"absolute inset-0 z-40\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-24-at-10.35.41-AM.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">OnStar Guardian\u00ae App Services<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">Visit <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='presentation icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/link.svg' style='height: 18px;' alt='Presentation icon' \/><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                <\/div>\n      <\/div>\n<\/div>\n\n<div class=\"safety-category-selector__top inline-block pt-[0.9rem] pr-0 sm:pr-[1rem] md:pr-0\" style=\"margin-bottom: 10px; width: 100%;\">\n\n  <div id=\"jumplink-6-69df8f59341d9\" class=\"safety-category__title symbol-adjusted sidebar-menu-src text-body-normal pt-[1.5rem] mb-[1.2rem]\" data-title=\"Crisis Assist\" data-key=\"jumplink-6-69df8f59341d9\">Crisis Assist<\/div>\n\n  <div class=\"safety-category-selector__categories overflow-hidden\" style=\"width: 100%;\">\n        <!-- Mobile: Horizontal scrolling row -->\n    <div class=\"mobile-safety-category-selector sm:hidden overflow-x-auto overflow-y-hidden\" style=\"scrollbar-width: thin;\">\n      <div class=\"flex gap-4 pb-4 px-0 pr-[1rem]\" style=\"width: max-content; overflow-x: auto;\">\n                \n        <div id=\"jumplink-225\" class=\"jumplink-225 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"225\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/06\/Crisis-Assist.pdf', 'pdf')\"\n            aria-label=\"Open pdf fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/crisis-assist-overview.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Crisis Assist Overview<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">View <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='pdf icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>PDF<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                \n        <div id=\"jumplink-145\" class=\"jumplink-145 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"145\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/1777_MVP_OnStar_Good_Sam_TN_PSAP_Update_032223.mp4', 'video')\"\n            aria-label=\"Open video fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/severe-weather-in-the-great-smokey-mountains-tn.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Severe Weather in the Great Smoky Mountains, TN<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>4 min<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                      <\/div>\n    <\/div>\n\n    <!-- Desktop: Grid layout -->\n    <div class=\"desktop-safety-category-selector hidden sm:grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6\">\n                        <div id=\"jumplink-225\" class=\"jumplink-225 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"225\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/06\/Crisis-Assist.pdf', 'pdf')\"\n          aria-label=\"Open pdf fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/crisis-assist-overview.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Crisis Assist Overview<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">View <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='pdf icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>PDF<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                  <div id=\"jumplink-145\" class=\"jumplink-145 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"145\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/s3.us-east-2.amazonaws.com\/symphonize-mvp-onstar-events\/1777_MVP_OnStar_Good_Sam_TN_PSAP_Update_032223.mp4', 'video')\"\n          aria-label=\"Open video fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/severe-weather-in-the-great-smokey-mountains-tn.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Severe Weather in the Great Smoky Mountains, TN<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">Play Video <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='video icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>4 min<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                <\/div>\n      <\/div>\n<\/div>\n\n<div class=\"safety-category-selector__top inline-block pt-[0.9rem] pr-0 sm:pr-[1rem] md:pr-0\" style=\"margin-bottom: 10px; width: 100%;\">\n\n  <div id=\"jumplink-7-69df8f59355ed\" class=\"safety-category__title symbol-adjusted sidebar-menu-src text-body-normal pt-[1.5rem] mb-[1.2rem]\" data-title=\"OnStar Reference Materials\" data-key=\"jumplink-7-69df8f59355ed\">OnStar Reference Materials<\/div>\n\n  <div class=\"safety-category-selector__categories overflow-hidden\" style=\"width: 100%;\">\n        <!-- Mobile: Horizontal scrolling row -->\n    <div class=\"mobile-safety-category-selector sm:hidden overflow-x-auto overflow-y-hidden\" style=\"scrollbar-width: thin;\">\n      <div class=\"flex gap-4 pb-4 px-0 pr-[1rem]\" style=\"width: max-content; overflow-x: auto;\">\n                \n        <div id=\"jumplink-150\" class=\"jumplink-150 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"150\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/OnStar-Public-Safety-Resources.pdf', 'pdf')\"\n            aria-label=\"Open pdf fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/onstar-public-safety-resources.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">OnStar Public Safety Resources<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">View <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='pdf icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>PDF<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                \n        <div id=\"jumplink-148\" class=\"jumplink-148 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"148\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/OnStar-Emergency-Service-Overview-v.2025.pdf', 'pdf')\"\n            aria-label=\"Open pdf fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/onstar-emergency-servcies-overview.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">OnStar Emergency Services Overview<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">View <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='pdf icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>PDF<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                \n        <div id=\"jumplink-154\" class=\"jumplink-154 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"154\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/FirstResponderAppreciationOffers.pdf', 'pdf')\"\n            aria-label=\"Open pdf fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/first-responders-offers.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">First Responder Appreciation Offers<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">View <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='pdf icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>PDF<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                \n        <div id=\"jumplink-156\" class=\"jumplink-156 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"156\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/Criminal-Investigations-Resource.pdf', 'pdf')\"\n            aria-label=\"Open pdf fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/onstar.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Criminal Investigations Resource<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">View <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='pdf icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>PDF<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                \n        <div id=\"jumplink-158\" class=\"jumplink-158 resource-card relative flex-shrink-0 w-[250px] h-[250px] rounded-[20px] overflow-hidden group\" data-key=\"158\">\n                              <button type=\"button\"\n            class=\"absolute inset-0 z-40\"\n            onclick=\"openMediaModal('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/OnStar-Resources-and-Contacts_KS.pdf', 'pdf')\"\n            aria-label=\"Open pdf fullscreen\">\n          <\/button>\n                    <div class=\"block w-full h-full cursor-pointer\">\n            <div\n              class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n              style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/onstar-1.png');\">\n            <\/div>\n            <div\n              class=\"absolute inset-0 z-10\"\n              style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n            <\/div>\n            <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n              <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">OnStar Resources &amp; Contacts<\/div>\n            <\/div>\n            <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n              <div class=\"flex flex-row gap-2\">View <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='pdf icon' \/><\/div>\n              <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>PDF<\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                      <\/div>\n    <\/div>\n\n    <!-- Desktop: Grid layout -->\n    <div class=\"desktop-safety-category-selector hidden sm:grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6\">\n                        <div id=\"jumplink-150\" class=\"jumplink-150 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"150\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/OnStar-Public-Safety-Resources.pdf', 'pdf')\"\n          aria-label=\"Open pdf fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/onstar-public-safety-resources.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">OnStar Public Safety Resources<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">View <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='pdf icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>PDF<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                  <div id=\"jumplink-148\" class=\"jumplink-148 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"148\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/OnStar-Emergency-Service-Overview-v.2025.pdf', 'pdf')\"\n          aria-label=\"Open pdf fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/onstar-emergency-servcies-overview.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">OnStar Emergency Services Overview<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">View <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='pdf icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>PDF<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                  <div id=\"jumplink-154\" class=\"jumplink-154 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"154\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/FirstResponderAppreciationOffers.pdf', 'pdf')\"\n          aria-label=\"Open pdf fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/first-responders-offers.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">First Responder Appreciation Offers<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">View <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='pdf icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>PDF<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                  <div id=\"jumplink-156\" class=\"jumplink-156 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"156\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/Criminal-Investigations-Resource.pdf', 'pdf')\"\n          aria-label=\"Open pdf fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/onstar.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">Criminal Investigations Resource<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">View <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='pdf icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>PDF<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                  <div id=\"jumplink-158\" class=\"jumplink-158 resource-card relative aspect-square rounded-[20px] overflow-hidden group\" data-key=\"158\">\n                        <button type=\"button\"\n          class=\"absolute inset-0 z-40\"\n          onclick=\"openMediaModal('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/OnStar-Resources-and-Contacts_KS.pdf', 'pdf')\"\n          aria-label=\"Open pdf fullscreen\">\n        <\/button>\n                <div class=\" block w-full h-full cursor-pointer\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center transition-transform group-hover:scale-105 z-0\"\n            style=\"background-image: url('https:\/\/onstarvirtualtraining.com\/wp-content\/uploads\/2025\/07\/onstar-1.png');\">\n          <\/div>\n          <div\n            class=\"absolute inset-0 z-10\"\n            style=\"background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 31.73%, rgba(115, 115, 115, 0) 50%);\">\n          <\/div>\n          <div class=\"absolute inset-0 z-20 flex items-start justify-start text-left py-[20px] pl-[23px] pr-[23px]\">\n            <div class=\"safety-resource__title symbol-adjusted text-body-normal text-white\">OnStar Resources &amp; Contacts<\/div>\n          <\/div>\n          <div class=\"absolute z-30 bg-onstar-blue bottom-0 left-0 right-0 text-body-normal text-white text-start py-[1rem] pl-[22px] pr-[17px] text-left w-full flex flex-row items-center justify-between\" style=\"padding-left: 22px; padding-right: 17px;\">\n            <div class=\"flex flex-row gap-2\">View <img src='https:\/\/onstarvirtualtraining.com\/wp-content\/themes\/mvp-onstar-events.latest\/resources\/images\/arrow-right.svg' alt='pdf icon' \/><\/div>\n            <div class=\"bg-grey rounded-[6px] p-[4px] h-[26px] flex items-center justify-center\"><div class='text-[9px] text-os-black h-[20px] flex items-center justify-center px-[3px]'>PDF<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n                <\/div>\n      <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/onstarvirtualtraining.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onstarvirtualtraining.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onstarvirtualtraining.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onstarvirtualtraining.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onstarvirtualtraining.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":30,"href":"https:\/\/onstarvirtualtraining.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":340,"href":"https:\/\/onstarvirtualtraining.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/340"}],"wp:attachment":[{"href":"https:\/\/onstarvirtualtraining.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}