{"id":1662328,"date":"2026-03-11T15:58:31","date_gmt":"2026-03-11T06:58:31","guid":{"rendered":"https:\/\/www.hanwhavision.com\/?post_type=hws_solution&#038;p=1662328"},"modified":"2026-03-11T15:58:33","modified_gmt":"2026-03-11T06:58:33","slug":"city-surveillance","status":"publish","type":"hws_solution","link":"https:\/\/www.hanwhavision.com\/en\/solutions\/city-surveillance\/","title":{"rendered":"City Surveillance"},"content":{"rendered":"\n<!-- PROMO BANNER BLOCK -->\n<section class=\"section-promo \" >\n\t\t<div class=\"promo-block \">\n\t\t\t\t<div class=\"media-cell \">\n\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/01.-head-banner-ver2.jpg\" alt=\"\" loading=\"lazy\" \/>\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<div class=\"content-cell\">\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<div class=\"container\">\n\t\t\t\t\t<div class=\"content-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"title\">City Surveillance \u200b<\/h2>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"richtext-container\">\n\t\t\t\t\t\t\t<p>Improving Quality of Life With Safer &#038; Smarter Cities<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"btn-group\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/support.hanwhavision.com\/hc\/requests\/new?ticket_form_id=14032804897679&#038;button=vertical&#038;field=citysurveillance\" target=\"_blank\" class=\"btn\" >Contact Us <span class=\"icon-font icon-arrow-right\"><\/span><\/a>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n\n<style>\n  .media-cell {\n    filter: brightness(0.8);\n  }\n  \n  .btn-group .btn {\n    background-color: #ff6600;\n    border: 1px solid #ff6600;\n    color: #ff6600;\n  }\n  \n  .btn-group > *:nth-child(2) .icon-font {\n    display: none;\n  }\n  \n  .btn-outline {\n    flex-wrap: wrap;\n    min-height: 48px;\n    height: auto;\n    justify-content: flex-start;\n    position: relative;\n  }\n  \n  .icon-font,\n  .hwFont {\n    white-space: nowrap;\n    flex-shrink: 0;\n  }\n  \n  .btn-outline span:not(.hwFont):not(.icon-font) {\n    display: block;\n    white-space: normal;\n    word-break: break-word;\n  }\n  \n  .btn-group > *:nth-child(1) {\n    color: #fff;\n  }\n  \n  .section-promo .content-cell .title {\n    font-size: 44px;\n    font-weight: 700;\n    line-height: 62px;\n    z-index: 2;\n  }\n  \n  .richtext-container p {\n    font-size: 20px;\n    font-weight: 500;\n    line-height: 30px;\n    color: #bdbdbd;\n    z-index: 2;\n  }\n  \n  @media screen and (max-width: 768px) {\n    .richtext-container p {\n      color: #525252;\n    }\n  }\n  \n  @media screen and (max-width: 576px) {\n    .section-promo .content-cell .title {\n      font-size: 28px;\n      line-height: 42px;\n      letter-spacing: -0.56px;\n    }\n  \n    .richtext-container p {\n      font-size: 16px;\n      line-height: 24px;\n      letter-spacing: -0.32px;\n    }\n  \n    .btn-outline {\n      font-size: 16px;\n      padding: 8px 12px;\n    }\n  \n    .btn-outline svg {\n      fill: #f60;\n    }\n  \n    .btn-outline:hover svg {\n      fill: #f4731f;\n    }\n  }\n  \n  @media screen and (max-width: 422px) {\n    .postid-1614816 .btn-outline svg {\n      position: absolute;\n      right: 8px;\n    }\n  }\n  <\/style>\n\n\n\n<!-- STICKY NAV BAR BLOCK -->\n<section class=\"section-nav-header \" id=\"StickyNavBar\">\n\t<div class=\"wrapper\">\n\t\t<div class=\"container\">\n\t\t\t<nav class=\"section-header-nav\">\n\t\t\t\t<div class=\"product-info-container\">\n\t\t\t\t\t<div class=\"product-info\">\n\t\t\t\t\t\t<div class=\"txt-cell\">\n\t\t\t\t\t\t\t<div class=\"current-tab hidden-from-xxl\">Nav Links<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<button class=\"btn-icon hidden-from-xxl\" id=\"StickyNavBarMobileDropdownToggle\"><span class=\"icon-font icon-chevron-down\"><\/span><\/button>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<ul class=\"nav-header\" role=\"tablist\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t\t<a href=\"#CitySurveillance-Section-Overview\">Overview<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t\t<a href=\"#CitySurveillance-Section-CustomerStories\">Customer Successes<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t\t<a href=\"#CitySurveillance-Section-OurSolutions\">Our Solutions<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t<\/nav>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n\n<style>\n    .section-header-nav {\n      padding: 0;\n    }\n  \n    .section-header-nav::before {\n      display: none;\n    }\n  \n    .nav-header a {\n      color: #7c7c7c;\n      text-decoration: none;\n      padding: 20px 28px;\n      border-right: 1px solid #dcdcdc;\n    }\n  \n    .nav-header a.active {\n      color: #fff;\n      border-bottom: 2px solid #ff6600;\n      font-weight: bold;\n    }\n    @media (max-width: 1400px) {\n      .nav-header a {\n        border-right: none;\n      }\n    }\n    <\/style>\n\n\n\n<section class=\"section-featured-articles type-healthcare\" id=\"CitySurveillance-Section-Overview\">\n      <div class=\"wrapper\">\n        <div class=\"container\">\n          <div class=\"basic-module-block\">\n            <div class=\"title-cell\">\n              <h2 class=\"title\">Overview<\/h2>\n              <p>Across the globe, city leaders and security experts rely on <span class=\"hwFont\">Hanwha Vision<\/span> technologies to help create safer environments that boost quality of life, increase real estate values, and attract business investments.<\/p>\n              <p>From advance video surveillance cameras, AI analytics, audio solutions, and more, <span class=\"hwFont\">Hanwha Vision<\/span> seamlessly unifies video intelligence across transport systems, public venues, office buildings, utilities, and critical infrastructure. <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n\n\n<style>\n    #CitySurveillance-Section-Overview {\n      width: 100%;\n      padding: 100px 0 0 0;\n      background-image: url('https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/Overview-BG.png');\n    }\n  \n    #CitySurveillance-Section-Overview .basic-module-block {\n      width: 100%;\n      display: flex;\n      gap: 68px;\n      justify-content: space-between;\n    }\n  \n    #CitySurveillance-Section-Overview .basic-module-block > .title-cell {\n      width: 100%;\n      max-width: 800px;\n    }\n  \n    #CitySurveillance-Section-Overview .basic-module-block > .body-cell {\n      width: 100%;\n    }\n  \n    #CitySurveillance-Section-Overview .title-cell h2 {\n      font-weight: 700;\n      font-size: 44px;\n      line-height: 62px;\n      color: #fff;\n      margin-bottom: 16px;\n      letter-spacing: -0.88px;\n    }\n  \n    #CitySurveillance-Section-Overview .title-cell p {\n      color: #BDBDBD;\n      font-size: 20px;\n      font-weight: 400;\n      line-height: 24px;\n      letter-spacing: -0.32px;\n    }\n  \n    #CitySurveillance-Section-Overview .body-image {\n      width: 100%;\n      max-width: 802px;\n      height: 100%;\n      max-height: 452px;\n      margin-left: auto;\n    }\n  \n    #CitySurveillance-Section-Overview .overview-image {\n      width: 100%;\n      height: 100%;\n      aspect-ratio: 401 \/ 226;\n    }\n  \n    @media (max-width: 1400px) {\n      #CitySurveillance-Section-Overview {\n        padding: 48px 0 0 0;\n      }\n      \n      #CitySurveillance-Section-Overview .basic-module-block {\n        flex-direction: column-reverse;\n        align-items: center;\n        gap: 20px;\n      }\n  \n      #CitySurveillance-Section-Overview .body-cell {\n        display: flex;\n        justify-content: center;\n      }\n  \n      #CitySurveillance-Section-Overview .basic-module-block > .title-cell {\n        max-width: 802px;\n      }\n  \n      #CitySurveillance-Section-Overview .body-image {\n        width: 100%;\n        display: flex;\n        justify-content: center;\n        margin-left: 0;\n      }\n  \n      #CitySurveillance-Section-Overview .overview-image {\n        object-position: center;\n      }\n    }\n  \n    @media screen and (max-width: 992px) {\n      #CitySurveillance-Section-Overview .title-cell h2 {\n        font-size: 32px;\n        line-height: 48px;\n        letter-spacing: -0.64px;\n      }\n  \n      #CitySurveillance-Section-Overview .title-cell p {\n        font-size: 16px;\n        line-height: 24px;\n        letter-spacing: -0.32px;\n      }\n    }\n  \n    @media (max-width: 376px) {\n      #CitySurveillance-Section-Overview .title-cell h2 {\n        font-size: 32px;\n        line-height: 48px;\n        letter-spacing: -0.64px;\n      }\n  \n      #CitySurveillance-Section-Overview .title-cell p {\n        font-size: 16px;\n        line-height: 24px;\n        letter-spacing: -0.32px;\n      }\n    }\n    <\/style>\n\n\n\n<section class=\"section-featured-articles type-healthcare\" id=\"CitySurveillance-Section-Solution\">\n      <div class=\"wrapper\">\n        <div class=\"container\">\n          <div class=\"basic-module-block\">\n            <div class=\"body-cell\">\n              <div class=\"education-card\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/01.-crime-deterrence.jpg\" \/>\n                <h2>Crime Deterrence &#038; Prevention<\/h2>\n                <ul class=\"content\">\n                  <li>Numerous studies from all over the world show that cities using highly-visible cameras, equipped with AI-powered analytics, have seen dramatic results in deterring crime and creating safer communities.\u200b<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"education-card\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/02.-data-driven.jpg\" \/>\n                <h2>Data-Driven Decisions to Improve Operational Efficiency\u200b<\/h2>\n                <ul class=\"content\">\n                  <li>AI-powered video surveillance enhances smart city efficiency by automating real-time detection of traffic issues, safety incidents, and infrastructure problems. \u200b\u200b<\/li>\n                  <li>The generated data aids in planning, improves traffic flow, and enhances public services, allowing for smarter resource allocation and more effective operations.\u200b\u200b\u200b<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"education-card\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/03.-faster-incident.jpg\" \/>\n                <h2>Faster Incident Responses &#038; Forensic Search\u200b<\/h2>\n                <ul class=\"content\">\n                  <li>AI cameras and intelligent audio solutions empower security officials to deliver real-time alerts to support rapid incident responses and quicker forensic searches. \u200b\u200b<\/li>\n                  <li>These alerts and analytics help security leaders\u200b proactively identify potential issues early, ensuring quicker incident responses and safer environments for businesses and residents.\u200b<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"education-card\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/04.-reduced-traffic.jpg\" \/>\n                <h2>Reduced Traffic Incidents &#038; Congestion<\/h2>\n                <ul class=\"content\">\n                  <li>AI-powered surveillance cameras, including those equipped with License Plate Recognition (LPR), help identify hazardous traffic patterns\u2014such as speeding, abrupt braking, or traffic congestion\u2014\u200b before they develop into serious incidents.<\/li>\n                  <li>These real-time insights, combined with historical data and trends, enable traffic managers to reduce congestion, minimize collisions and enhances overall traffic flow.\u200b<\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n\n\n<style>\n    #CitySurveillance-Section-Solution {\n      padding: 100px 0;\n      background-color: #181818;\n    }\n  \n    #CitySurveillance-Section-Solution .body-cell {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      column-gap: 40px;\n      align-items: start;\n      position: relative;\n  \n      background-image:\n        linear-gradient(#525252, #525252),\n        linear-gradient(#525252, #525252),\n        linear-gradient(#525252, #525252);\n      background-repeat: no-repeat;\n      background-size: 1px 100%, 1px 100%, 1px 100%;\n  \n      background-position:\n        calc((100% - 3*40px) * 1\/4 + 40px * 0.5) 0,\n        calc((100% - 3*40px) * 2\/4 + 40px * 1.5) 0,\n        calc((100% - 3*40px) * 3\/4 + 40px * 2.5) 0;\n    }\n  \n    #CitySurveillance-Section-Solution .body-cell > *:nth-child(1),\n    #CitySurveillance-Section-Solution .body-cell > *:nth-child(2),\n    #CitySurveillance-Section-Solution .body-cell > *:nth-child(3),\n    #CitySurveillance-Section-Solution .body-cell > *:nth-child(4) {\n      padding: 0;\n    }\n  \n    #CitySurveillance-Section-Solution .education-card {\n      flex: 1 0 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 24px;\n    }\n  \n    #CitySurveillance-Section-Solution .education-card img {\n      width: 100%;\n      object-fit: contain;\n      object-position: top;\n    }\n  \n    #CitySurveillance-Section-Solution .education-card h2 {\n      color: #fff;\n      font-family: \"Noto Sans\";\n      font-size: 24px;\n      font-style: normal;\n      font-weight: 600;\n      line-height: 36px;\n      min-height: 72px;\n      letter-spacing: -0.48px;\n      text-transform: capitalize;\n      margin: 0px;\n    }\n  \n    #CitySurveillance-Section-Solution .education-card p {\n      color: #BDBDBD;\n      font-family: \"Noto Sans\";\n      font-size: 20px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 30px;\n      letter-spacing: -0.4px;\n    }\n  \n    #CitySurveillance-Section-Solution .education-card .content {\n      width: 100%;\n      height: 100%;\n      padding-left: 24px;\n      margin: 0 0 6px 0;\n      gap: 16px;\n    }\n  \n    #CitySurveillance-Section-Solution .education-card .content li {\n      color: #BDBDBD;\n      font-size: 20px;\n      margin-top: 12px;\n    }\n  \n    @media screen and (max-width: 1400px) {\n      #CitySurveillance-Section-Solution .body-cell {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        column-gap: 24px;\n        row-gap: 40px;\n  \n        background: none !important;\n        background-image: none !important;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card img {\n        object-fit: fill;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card h2 {\n        font-size: 24px;\n        line-height: 30px;\n        letter-spacing: -0.4px;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card p {\n        font-size: 16px;\n        line-height: 26px;\n        letter-spacing: -0.32px;\n      }\n    }\n  \n    @media screen and (max-width: 992px) {\n      #CitySurveillance-Section-Solution {\n        padding: 56px 0 0 0;\n      }\n  \n      #CitySurveillance-Section-Solution .body-cell {\n        display: flex;\n        flex-direction: column;\n        gap: 28px;\n        background: none !important;\n        background-image: none !important;\n      }\n      \n      #CitySurveillance-Section-Solution .body-cell::before,\n      #CitySurveillance-Section-Solution .body-cell::after {\n        content: none !important;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card {\n        font-size: 16px;\n        position: relative;\n        gap: 12px;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card:not(:last-child)::after {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        height: 1px;\n        background: #525252;\n        pointer-events: none;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card img {\n        object-fit: fill;\n      }\n  \n      #CitySurveillance-Section-Solution .body-cell > *:nth-child(1),\n      #CitySurveillance-Section-Solution .body-cell > *:nth-child(2),\n      #CitySurveillance-Section-Solution .body-cell > *:nth-child(3) {\n        border-right: none;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card h2 {\n        font-size: 16px;\n        font-weight: 600;\n        line-height: 24px;\n        letter-spacing: -0.32px;\n        min-height: 0px;\n        margin-bottom: 12px;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card .content {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card .content li {\n        font-size: 14px;\n        font-weight: 500;\n        line-height: 20px;\n        letter-spacing: -0.28px;\n        margin: 0px;\n      }\n    }\n  \n    @media screen and (max-width: 376px) {\n      #CitySurveillance-Section-Solution .education-card img {\n      }\n  \n      #CitySurveillance-Section-Solution .education-card h2 {\n        font-size: 16px;\n        letter-spacing: -0.32px;\n        line-height: 24px;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card p {\n        font-size: 14px;\n        letter-spacing: -0.28px;\n        line-height: 20px;\n      }\n    }\n    <\/style>\n\n\n\n<section class=\"section-customer-stories\" id=\"CitySurveillance-Section-CustomerStories\">\n  <div class=\"basic-module-block\">\n    <div class=\"wrapper\">\n      <div class=\"container\">\n        <div class=\"cs-slider\">\n          <!-- Slides -->\n          <div class=\"cs-slider-track\">\n            <!-- Slide 1 -->\n            <div class=\"cs-slide is-active\">\n              <div class=\"cs-slide-image\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/casestudy_US.jpg\" alt=\"City of Atlanta Parks\">\n              <\/div>\n              <div class=\"cs-slide-content\">\n                <p class=\"cs-label\">Customer Success Stories<\/p>\n                <h2 class=\"cs-title\">City of Atlanta Parks and Recreation Department Strengthen Public Safety with <span class=\"hwFont\">Hanwha Vision<\/span> Cameras<\/h2>\n                <blockquote class=\"cs-quote\">\n                  <p>\u201cThe cameras\u2019 pinpoint accuracy and visual clarity help us to quickly retrieve footage, conduct research, and assist in investigations. This capability provides residents with peace of mind, knowing that their parks are covered by a comprehensive surveillance system.\u201d\u200b<\/p>\n                  <cite>&#8211; Anthony Jones\u200b, Director of Public Safety at DPR\u200b, City of Atlanta\u200b<\/cite>\n                <\/blockquote>\n                <div class=\"cs-nav-arrows\">\n                  <button class=\"cs-arrow cs-arrow--prev\" aria-label=\"Previous slide\" disabled>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M9.8203 6.3463L10.8743 7.4308L7.055 11.2501H19.1665V12.7501H7.055L10.8743 16.5693L9.8203 17.6538L4.1665 12.0001L9.8203 6.3463Z\" fill=\"currentColor\"\/>\n                    <\/svg>\n                  <\/button>\n                  <button class=\"cs-arrow cs-arrow--next\" aria-label=\"Next slide\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"currentColor\"\/>\n                    <\/svg>\n                  <\/button>\n                <\/div>\n              <\/div>\n            <\/div>\n            <!-- Slide 2 -->\n            <div class=\"cs-slide\">\n              <div class=\"cs-slide-image\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/casestudy_AR.jpg\">\n              <\/div>\n              <div class=\"cs-slide-content\">\n                <p class=\"cs-label\">Customer Success Stories<\/p>\n                <h2 class=\"cs-title\">Vincente L\u00f3pez Builds a Smarter, Safer City for its Residents with AI-Powered Security<\/h2>\n                <blockquote class=\"cs-quote\">\n                  <p>\u201cIn 2020, we decided to move forward with an innovative video system based on Artificial Intelligence applied to urban security. Hanwha Vision stood up as a value-added provider for this kind of robust solutions.\u201d\u200b<\/p>\n                  <cite>&#8211; Santiago de Jes\u00fas\u200b, Secretary of Security, Vicente L\u00f3pez (Argentina)\u200b<\/cite>\n                <\/blockquote>\n                <div class=\"cs-nav-arrows\">\n                  <button class=\"cs-arrow cs-arrow--prev\" aria-label=\"Previous slide\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M9.8203 6.3463L10.8743 7.4308L7.055 11.2501H19.1665V12.7501H7.055L10.8743 16.5693L9.8203 17.6538L4.1665 12.0001L9.8203 6.3463Z\" fill=\"currentColor\"\/>\n                    <\/svg>\n                  <\/button>\n                  <button class=\"cs-arrow cs-arrow--next\" aria-label=\"Next slide\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"currentColor\"\/>\n                    <\/svg>\n                  <\/button>\n                <\/div>\n              <\/div>\n            <\/div>\n            <!-- Slide 3 -->\n            <div class=\"cs-slide\">\n              <div class=\"cs-slide-image\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/casestudy_UK.jpg\" alt=\"Hammersmith and Fulham, London\">\n              <\/div>\n              <div class=\"cs-slide-content\">\n                <p class=\"cs-label\">Customer Success Stories<\/p>\n                <h2 class=\"cs-title\">Thames Valley Police: Enhancing Public Safety with CCTV Partnership\u200b<\/h2>\n                <blockquote class=\"cs-quote\">\n                  <p>\u201cWe\u2019ve immediately seen the benefit of our investment in equipment and CCTV operators, with the police now much better equipped to deter and detect crime across the Thames Valley.\u201d\u200b<\/p>\n                  <cite>&#8211; Matthew Barber\u200b, Police &#038; Crime Commissioner (PCC), Thames Valley (U.K.)\u200b<\/cite>\n                <\/blockquote>\n                <div class=\"cs-nav-arrows\">\n                  <button class=\"cs-arrow cs-arrow--prev\" aria-label=\"Previous slide\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M9.8203 6.3463L10.8743 7.4308L7.055 11.2501H19.1665V12.7501H7.055L10.8743 16.5693L9.8203 17.6538L4.1665 12.0001L9.8203 6.3463Z\" fill=\"currentColor\"\/>\n                    <\/svg>\n                  <\/button>\n                  <button class=\"cs-arrow cs-arrow--next\" aria-label=\"Next slide\" disabled>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"currentColor\"\/>\n                    <\/svg>\n                  <\/button>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <!-- Pagination Dots -->\n          <div class=\"cs-dots\">\n            <button class=\"cs-dot is-active\" aria-label=\"Go to slide 1\"><\/button>\n            <button class=\"cs-dot\" aria-label=\"Go to slide 2\"><\/button>\n            <button class=\"cs-dot\" aria-label=\"Go to slide 3\"><\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n  \/* ===== Section ===== *\/\n  #CitySurveillance-Section-CustomerStories {\n    padding: 100px 0;\n    background: #fff;\n  }\n\n  \/* ===== Slider ===== *\/\n#CitySurveillance-Section-CustomerStories .cs-slider {\n  position: relative;\n  overflow: hidden;\n}\n\n#CitySurveillance-Section-CustomerStories .cs-slider-track {\n  display: flex;\n  transition: transform 0.5s ease;\n}\n\n  \/* ===== Slide ===== *\/\n  #CitySurveillance-Section-CustomerStories .cs-slide {\n    flex: 0 0 100%;\n    min-width: 0;\n    display: flex;\n  }\n\n  \/* ===== Image ===== *\/\n  #CitySurveillance-Section-CustomerStories .cs-slide-image {\n    flex: 0 0 58%;\n    max-width: 58%;\n    overflow: hidden;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-slide-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  \/* ===== Content ===== *\/\n  #CitySurveillance-Section-CustomerStories .cs-slide-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 48px 0 48px 60px;\n  }\n\n  \/* ===== Label ===== *\/\n  #CitySurveillance-Section-CustomerStories .cs-label {\n    margin: 0 0 16px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 24px;\n    font-weight: 600;\n    line-height: 20px;\n    letter-spacing: 0.02em;\n    color: #ff6600;\n  }\n\n  \/* ===== Title ===== *\/\n  #CitySurveillance-Section-CustomerStories .cs-title {\n    margin: 0 0 32px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 28px;\n    font-weight: 700;\n    line-height: 40px;\n    letter-spacing: -0.56px;\n    color: #292929;\n  }\n\n  \/* ===== Quote ===== *\/\n  #CitySurveillance-Section-CustomerStories .cs-quote {\n    margin: 0;\n    padding: 0;\n    border: none;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-quote p {\n    margin: 0 0 12px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 26px;\n    letter-spacing: -0.3px;\n    color: #525252;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-quote cite {\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-style: italic;\n    line-height: 20px;\n    letter-spacing: -0.26px;\n    color: #7c7c7c;\n  }\n\n  \/* ===== Nav Arrows ===== *\/\n  #CitySurveillance-Section-CustomerStories .cs-nav-arrows {\n    display: flex;\n    gap: 12px;\n    margin-top: 40px;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-arrow {\n    width: 56px;\n    height: 56px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    cursor: pointer;\n    transition: background-color 0.25s ease;\n    padding: 0;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-arrow:not(:disabled) {\n    background: #ff6600;\n    color: #ffffff;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-arrow:not(:disabled):hover {\n    background: #e65a00;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-arrow:disabled {\n    background: #F1F1F1;\n    color: #BDBDBD;\n    cursor: default;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-arrow svg {\n    width: 24px;\n    height: 24px;\n    flex-shrink: 0;\n  }\n\n  \/* ===== Dots ===== *\/\n  #CitySurveillance-Section-CustomerStories .cs-dots {\n    display: flex;\n    justify-content: center;\n    gap: 16px;\n    margin-top: 48px;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    background: #DCDCDC;\n    transition: background-color 0.25s ease;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-dot.is-active {\n    background: #292929;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-dot:hover:not(.is-active) {\n    background: #999;\n  }\n\n  \/* ===== Responsive 1400px ===== *\/\n  @media screen and (max-width: 1400px) {\n    #CitySurveillance-Section-CustomerStories {\n      padding: 80px 0;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-slide-content {\n      padding: 40px 0 40px 48px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-title {\nfont-size: 36px;\nfont-style: normal;\nfont-weight: 600;\nline-height: 54px;\nletter-spacing: -0.72px;\n      margin-bottom: 24px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-quote p {\n      font-size: 14px;\n      line-height: 24px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-quote cite {\n      font-size: 12px;\n      line-height: 18px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-nav-arrows {\n      margin-top: 32px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-arrow {\n      width: 48px;\n      height: 48px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-dots {\n      margin-top: 40px;\n    }\n  }\n\n  \/* ===== Responsive 992px - Mobile ===== *\/\n  @media screen and (max-width: 992px) {\n    #CitySurveillance-Section-CustomerStories {\n      padding: 56px 0;\n    }\n    \/* flex-column \ub300\uc2e0 grid\ub85c \ud589 \ub192\uc774 \ud1b5\uc77c *\/\n    #CitySurveillance-Section-CustomerStories .cs-slide {\n      display: grid;\n      grid-template-columns: 1fr;\n      grid-template-rows: auto 1fr auto 1fr;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-slide-content {\n      display: contents;\n    }\n    \/* \ud589 \ubc30\uce58 *\/\n    #CitySurveillance-Section-CustomerStories .cs-label {\n      grid-row: 1;\n      margin-bottom: 12px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-title {\n      grid-row: 2;\nfont-size: 24px;\nfont-style: normal;\nfont-weight: 700;\nline-height: 36px;\nletter-spacing: -0.48px;\n      margin-bottom: 20px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-slide-image {\n      grid-row: 3;\n      flex: none;\n      max-width: 100%;\n      width: 100%;\n      aspect-ratio: 5 \/ 3;\n      margin-bottom: 24px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-quote {\n      grid-row: 4;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-nav-arrows {\n      display: none;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-dot.is-active {\n      background: #FF6600;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-dots {\n      margin-top: 32px;\n    }\n  }\n\n  \/* ===== Responsive 576px ===== *\/\n  @media screen and (max-width: 576px) {\n    #CitySurveillance-Section-CustomerStories .cs-label {\n      font-size: 16px;\n      line-height: 16px;\n      margin-bottom: 10px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-title {\nfont-size: 24px;\nfont-style: normal;\nfont-weight: 700;\nline-height: 36px;\nletter-spacing: -0.48px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-quote p {\n      font-size: 16px;\n      line-height: 22px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-quote cite {\n      font-size: 14px;\n      line-height: 16px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-dots {\n      margin-top: 24px;\n      gap: 12px;\n    }\n  }\n<\/style>\n\n<script>\n(function() {\n  var section = document.getElementById('CitySurveillance-Section-CustomerStories');\n  if (!section) return;\n\n  var track = section.querySelector('.cs-slider-track');\n  var slides = section.querySelectorAll('.cs-slide');\n  var dots = section.querySelectorAll('.cs-dot');\n  var totalSlides = slides.length;\n  var currentIndex = 0;\n\n  function goToSlide(index) {\n    if (index < 0 || index >= totalSlides) return;\n\n    \/\/ \ud2b8\ub799 \uc774\ub3d9 (\ud2b8\ub799 \uc804\uccb4 \ub108\ube44 \uae30\uc900\uc73c\ub85c \ube44\uc728 \uacc4\uc0b0)\n    track.style.transform = 'translateX(-' + (index * 100) + '%)';\n\n    dots[currentIndex].classList.remove('is-active');\n    dots[index].classList.add('is-active');\n    slides[currentIndex].classList.remove('is-active');\n    slides[index].classList.add('is-active');\n    currentIndex = index;\n    updateArrows();\n  }\n\n  function updateArrows() {\n    slides.forEach(function(slide, i) {\n      var prevBtn = slide.querySelector('.cs-arrow--prev');\n      var nextBtn = slide.querySelector('.cs-arrow--next');\n      if (prevBtn) prevBtn.disabled = (i === 0);\n      if (nextBtn) nextBtn.disabled = (i === totalSlides - 1);\n    });\n  }\n\n  section.addEventListener('click', function(e) {\n    var btn = e.target.closest('.cs-arrow');\n    if (!btn || btn.disabled) return;\n    if (btn.classList.contains('cs-arrow--prev')) {\n      goToSlide(currentIndex - 1);\n    } else if (btn.classList.contains('cs-arrow--next')) {\n      goToSlide(currentIndex + 1);\n    }\n  });\n\n  dots.forEach(function(dot, i) {\n    dot.addEventListener('click', function() {\n      goToSlide(i);\n    });\n  });\n\n  \/\/ Touch swipe\n  var startX = 0;\n  var isDragging = false;\n  track.addEventListener('touchstart', function(e) {\n    startX = e.touches[0].clientX;\n    isDragging = true;\n  }, { passive: true });\n  track.addEventListener('touchend', function(e) {\n    if (!isDragging) return;\n    isDragging = false;\n    var diffX = e.changedTouches[0].clientX - startX;\n    if (Math.abs(diffX) > 50) {\n      diffX < 0 ? goToSlide(currentIndex + 1) : goToSlide(currentIndex - 1);\n    }\n  }, { passive: true });\n\n  updateArrows();\n})();\n<\/script>\n\n\n\n<section class=\"section-solution-case-studies\" id=\"CitySurveillance-Section-CaseStudies\">\n  <div class=\"basic-module-block\">\n    <div class=\"wrapper\">\n      <div class=\"container\">\n        <div class=\"case-studies-header\">\n          <h2 class=\"case-studies-title\">Solution Case Studies<\/h2>\n          <a class=\"case-studies-btn case-studies-btn--desktop\" href=\"https:\/\/www.hanwhavision.com\/en\/solutions\/case-study\/smart-city\/\" target=\"_blank\" rel=\"noopener\">\n            <span class=\"case-studies-btn-text\">Learn More<\/span>\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ffffff\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n        <div class=\"case-studies-scroll-wrapper\">\n          <div class=\"case-studies-grid\">\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/en\/solutions\/case-study\/1650095\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">City Surveillance<\/p>\n                <p class=\"case-study-country\">US<\/p>\n                <h3 class=\"case-study-desc\">The GALE System Transforms Public Safety with All-in-One Monitoring Platform Based on Hanwha Vision PTZ Cameras<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2025.11<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/11\/\uc378\ub124\uc77c_.png\" alt=\"GALE System\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/en\/solutions\/case-study\/1649840\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">City Surveillance<\/p>\n                <p class=\"case-study-country\">Portugal<\/p>\n                <h3 class=\"case-study-desc\">Improving Mobility in the Town of Ericeira, Portugal<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2025.11<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/11\/\ud3ec\ub8e8\ud22c\uce7c.png\" alt=\"Ericeira, Portugal\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/en\/solutions\/case-study\/1645352\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">City Surveillance<\/p>\n                <p class=\"case-study-country\">US<\/p>\n                <h3 class=\"case-study-desc\">Media, Pennsylvania: \"Everybody's Hometown\" Builds a Safer, Smarter Community with Hanwha Vision<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2025.10<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/10\/Why-Hanwha-Vision-\uc378\ub124\uc77c__1.png\" alt=\"Media, Pennsylvania\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/en\/solutions\/case-study\/1642177\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">City Surveillance<\/p>\n                <p class=\"case-study-country\">US<\/p>\n                <h3 class=\"case-study-desc\">City of Atlanta Parks and Recreation Department Strengthens Public Safety with Hanwha Vision Cameras<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2025.09<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/09\/CA_33_Atlanta-Parks-v2-e1756798193224.jpg\" alt=\"City of Atlanta\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/en\/solutions\/case-study\/1641669\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">City Surveillance<\/p>\n                <p class=\"case-study-country\">Argentina<\/p>\n                <h3 class=\"case-study-desc\">Vicente L\u00f3pez Builds a Smarter, Safer City for Its Residents with AI-Powered Security<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2025.08<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/08\/VL-Hanwha-1.jpg\" alt=\"Vicente L\u00f3pez\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/en\/solutions\/case-study\/1628835\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">City Surveillance<\/p>\n                <p class=\"case-study-country\">UK<\/p>\n                <h3 class=\"case-study-desc\">The London Borough of Hammersmith and Fulham<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2025.05<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/05\/Hammersmith-Fulham-case-study-1024x531-1.jpg\" alt=\"Hammersmith and Fulham\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/en\/solutions\/case-study\/1613577\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">City Surveillance<\/p>\n                <p class=\"case-study-country\">UK<\/p>\n                <h3 class=\"case-study-desc\">Thames Valley Police: Enhancing public safety with a CCTV partnership<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2025.04<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/04\/case-study-CCTV-partnership_1.jpg\" alt=\"Thames Valley Police\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/en\/solutions\/case-study\/1607590\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">City Surveillance<\/p>\n                <p class=\"case-study-country\">UK<\/p>\n                <h3 class=\"case-study-desc\">City of Edinburgh<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2025.03<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/03\/image-5.png\" alt=\"City of Edinburgh\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/en\/solutions\/case-study\/1513893\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">City Surveillance<\/p>\n                <p class=\"case-study-country\">US<\/p>\n                <h3 class=\"case-study-desc\">Dickson County Sheriff's Office Locks Down 360\u00b0 Surveillance Coverage with Hanwha Vision IP and LPR Camera Systems<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2024.06<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2024\/06\/CA_25_Dickson-County-Sheriff-s-8.jpg\" alt=\"Dickson County\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/en\/solutions\/case-study\/1350932\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">City Surveillance<\/p>\n                <p class=\"case-study-country\">Italy<\/p>\n                <h3 class=\"case-study-desc\">Piazza Lucio Dalla keeps the visitors safe with Hanwha Vision products<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2023.05<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2023\/05\/Piazza-Lucio-Dalla.jpg\" alt=\"Piazza Lucio Dalla\">\n              <\/div>\n            <\/a>\n          <\/div>\n          <!-- Scroll Arrow Buttons -->\n          <button class=\"scroll-arrow scroll-arrow--left\" aria-label=\"Scroll left\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M9.8203 6.3463L10.8743 7.4308L7.055 11.2501H19.1665V12.7501H7.055L10.8743 16.5693L9.8203 17.6538L4.1665 12.0001L9.8203 6.3463Z\" fill=\"#292929\"\/>\n            <\/svg>\n          <\/button>\n          <button class=\"scroll-arrow scroll-arrow--right\" aria-label=\"Scroll right\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#292929\"\/>\n            <\/svg>\n          <\/button>\n        <\/div>\n        <a class=\"case-studies-btn case-studies-btn--mobile\" href=\"https:\/\/www.hanwhavision.com\/en\/solutions\/case-study\/smart-city\/\" target=\"_blank\" rel=\"noopener\">\n          <span class=\"case-studies-btn-text\">Learn More<\/span>\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ffffff\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n  \/* ===== Section ===== *\/\n  #CitySurveillance-Section-CaseStudies {\n    padding: 100px 0;\n    background: #F1F1F1;\n  }\n\n  \/* ===== Header ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-studies-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    margin-bottom: 48px;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-title {\n    margin: 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 44px;\n    font-weight: 700;\n    line-height: 62px;\n    letter-spacing: -0.88px;\n    color: #292929;\n  }\n\n  \/* ===== Learn More Button ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-studies-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    height: 48px;\n    padding: 0 24px;\n    background: #F60;\n    color: #ffffff;\n    text-decoration: none;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 16px;\n    font-weight: 600;\n    letter-spacing: -0.32px;\n    white-space: nowrap;\n    flex-shrink: 0;\n    transition: background-color 0.25s ease;\n    cursor: pointer;\n    border: none;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-btn:hover {\n    background: #e65a00;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-btn svg {\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-btn--mobile {\n    display: none;\n  }\n\n  \/* ===== Scroll Wrapper ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper {\n    position: relative;\n  }\n  \/* Gradient Fade - Left *\/\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 60px;\n    height: 100%;\n    background: linear-gradient(to right, #F1F1F1, transparent);\n    z-index: 2;\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n  }\n  \/* Gradient Fade - Right *\/\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 60px;\n    height: 100%;\n    background: linear-gradient(to left, #F1F1F1, transparent);\n    z-index: 2;\n    pointer-events: none;\n    opacity: 1;\n    transition: opacity 0.3s ease;\n  }\n  \/* Gradient visibility by scroll state *\/\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper.is-scrolled-middle::before,\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper.is-scrolled-end::before {\n    opacity: 1;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper.is-scrolled-end::after {\n    opacity: 0;\n  }\n\n  \/* ===== Horizontal Scroll Grid ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-studies-grid {\n    display: flex;\n    overflow-x: auto;\n    gap: 16px;\n    scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: thin;\n    scrollbar-color: #ccc transparent;\n    padding-bottom: 8px;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-grid::-webkit-scrollbar {\n    height: 6px;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-grid::-webkit-scrollbar-track {\n    background: transparent;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-grid::-webkit-scrollbar-thumb {\n    background: #ccc;\n    border-radius: 3px;\n  }\n\n  \/* ===== Card ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-study-card {\n    flex: 0 0 320px;\n    display: flex;\n    flex-direction: column;\n    text-decoration: none;\n    color: inherit;\n    overflow: hidden;\n    background: #fff;\n    scroll-snap-align: start;\n  }\n\n  \/* ===== Card Hover ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-study-card:hover .case-study-info {\n    border-color: #ff6600;\n  }\n  #CitySurveillance-Section-CaseStudies .case-study-card:hover .case-study-thumb img {\n    transform: scale(1.125);\n  }\n\n  \/* ===== Card Info ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-study-info {\n    padding: 24px 20px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    background: #fff;\n    border: 1px solid transparent;\n    transition: border-color 0.3s ease;\n  }\n  #CitySurveillance-Section-CaseStudies .case-study-category {\n    margin: 0 0 4px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    line-height: 18px;\n    letter-spacing: 0.02em;\n    color: #ff6600;\n  }\n  #CitySurveillance-Section-CaseStudies .case-study-country {\n    margin: 0 0 12px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n    color: #292929;\n  }\n  #CitySurveillance-Section-CaseStudies .case-study-desc {\n    margin: 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 26px;\n    letter-spacing: -0.32px;\n    color: #292929;\n    flex: 1;\n  }\n\n  \/* ===== Card Meta ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-study-meta {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: auto;\n    padding-top: 24px;\n  }\n  #CitySurveillance-Section-CaseStudies .case-study-arrow {\n    width: 24px;\n    height: 24px;\n    flex-shrink: 0;\n  }\n  #CitySurveillance-Section-CaseStudies .case-study-date {\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n    color: #7c7c7c;\n  }\n\n  \/* ===== Card Thumbnail ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-study-thumb {\n    width: 100%;\n    aspect-ratio: 3 \/ 2;\n    overflow: hidden;\n  }\n  #CitySurveillance-Section-CaseStudies .case-study-thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.3s ease;\n  }\n\n  \/* ===== Scroll Arrow Buttons ===== *\/\n  #CitySurveillance-Section-CaseStudies .scroll-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    background: #fff;\n    border: 1px solid #dcdcdc;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 3;\n    transition: opacity 0.3s ease, box-shadow 0.2s ease;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.1);\n  }\n  #CitySurveillance-Section-CaseStudies .scroll-arrow:hover {\n    box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n  }\n  #CitySurveillance-Section-CaseStudies .scroll-arrow--left {\n    left: -22px;\n    opacity: 0;\n    pointer-events: none;\n  }\n  #CitySurveillance-Section-CaseStudies .scroll-arrow--right {\n    right: -22px;\n  }\n  \/* Arrow visibility by scroll state *\/\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper.is-scrolled-middle .scroll-arrow--left,\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper.is-scrolled-end .scroll-arrow--left {\n    opacity: 1;\n    pointer-events: auto;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper.is-scrolled-end .scroll-arrow--right {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  \/* ===== Responsive 1400px ===== *\/\n  @media screen and (max-width: 1400px) {\n    #CitySurveillance-Section-CaseStudies {\n      padding: 80px 0;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-header {\n      margin-bottom: 40px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-title {\n      font-size: 40px;\n      line-height: 56px;\n      letter-spacing: -0.8px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-card {\n      flex: 0 0 300px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-info {\n      padding: 20px 16px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-desc {\n      font-size: 15px;\n      line-height: 24px;\n      letter-spacing: -0.3px;\n    }\n  }\n\n  \/* ===== Responsive 992px ===== *\/\n  @media screen and (max-width: 992px) {\n    #CitySurveillance-Section-CaseStudies {\n      padding: 56px 0;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-header {\n      margin-bottom: 36px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-title {\n      font-size: 32px;\n      line-height: 44px;\n      letter-spacing: -0.64px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-btn--desktop {\n      display: none;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-btn--mobile {\n      display: inline-flex;\n      margin-top: 32px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-card {\n      flex: 0 0 280px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-info {\n      padding: 20px 16px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-desc {\n      font-size: 15px;\n      line-height: 24px;\n      letter-spacing: -0.3px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-meta {\n      padding-top: 16px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-thumb {\n      aspect-ratio: 16 \/ 10;\n    }\n    \/* Hide arrow buttons on tablet\/mobile *\/\n    #CitySurveillance-Section-CaseStudies .scroll-arrow {\n      display: none;\n    }\n    \/* Reduce gradient width *\/\n    #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper::before,\n    #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper::after {\n      width: 40px;\n    }\n  }\n\n  \/* ===== Responsive 576px ===== *\/\n  @media screen and (max-width: 576px) {\n    #CitySurveillance-Section-CaseStudies .case-study-card {\n      flex: 0 0 260px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-title {\n      font-size: 28px;\n      line-height: 40px;\n      letter-spacing: -0.56px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-info {\n      padding: 16px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-category {\n      font-size: 12px;\n      line-height: 16px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-country {\n      font-size: 13px;\n      line-height: 18px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-desc {\n      font-size: 14px;\n      line-height: 22px;\n      letter-spacing: -0.28px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-date {\n      font-size: 13px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-btn--mobile {\n      height: 44px;\n      padding: 0 20px;\n      font-size: 14px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper::before,\n    #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper::after {\n      width: 30px;\n    }\n  }\n<\/style>\n\n<script>\n(function() {\n  var section = document.getElementById('CitySurveillance-Section-CaseStudies');\n  if (!section) return;\n\n  var wrapper = section.querySelector('.case-studies-scroll-wrapper');\n  var grid = section.querySelector('.case-studies-grid');\n  var btnLeft = section.querySelector('.scroll-arrow--left');\n  var btnRight = section.querySelector('.scroll-arrow--right');\n\n  if (!wrapper || !grid) return;\n\n  function updateScrollState() {\n    var scrollLeft = grid.scrollLeft;\n    var maxScroll = grid.scrollWidth - grid.clientWidth;\n\n    wrapper.classList.remove('is-scrolled-start', 'is-scrolled-middle', 'is-scrolled-end');\n\n    if (maxScroll <= 0) {\n      wrapper.classList.add('is-scrolled-end');\n    } else if (scrollLeft <= 5) {\n      wrapper.classList.add('is-scrolled-start');\n    } else if (scrollLeft >= maxScroll - 5) {\n      wrapper.classList.add('is-scrolled-end');\n    } else {\n      wrapper.classList.add('is-scrolled-middle');\n    }\n  }\n\n  grid.addEventListener('scroll', updateScrollState);\n  window.addEventListener('resize', updateScrollState);\n\n  if (btnLeft && btnRight) {\n    btnLeft.addEventListener('click', function() {\n      grid.scrollBy({ left: -340, behavior: 'smooth' });\n    });\n    btnRight.addEventListener('click', function() {\n      grid.scrollBy({ left: 340, behavior: 'smooth' });\n    });\n  }\n\n  \/\/ Initial state\n  updateScrollState();\n})();\n<\/script>\n\n\n\n<section class=\"section-education-cta\" id=\"CitySurveillance-Section-CTA\">\n      <div class=\"cta-image-mobile\">\n        <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/cta1-mobile.png\" alt=\"\">\n      <\/div>\n  \n  \n      <div class=\"cta-inner\">\n        <div class=\"basic-module-block\">\n          <div class=\"wrapper\">\n            <div class=\"container\">\n              <div class=\"cta-content\">\n                <h2 class=\"cta-title\">\n                  Shift Security from Reactive to Proactive & Predictive\n                <\/h2>\n  \n                <a class=\"cta-btn\" href=\"https:\/\/support.hanwhavision.com\/hc\/requests\/new?ticket_form_id=14032804897679&#038;button=vertical&#038;field=citysurveillance\" target=\"_blank\" rel=\"noopener\">\n                  <span class=\"cta-btn-text\">Talk to Hanwha Vision City Surveillance Expert\u200b<\/span>\n                  <span class=\"cta-btn-icon\">\u2192<\/span>\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n  \n        <\/div>\n      <\/div>\n    <\/section>\n\n\n\n<style>\n  #CitySurveillance-Section-CTA {\n    background: #ffffff;\n  }\n  \n  #CitySurveillance-Section-CTA .wrapper {\n    width: 100%;\n  }\n  \n  #CitySurveillance-Section-CTA .cta-image-mobile {\n    display: none;\n  }\n  \n  #CitySurveillance-Section-CTA .cta-image-mobile img {\n    width: 100%;\n    height: auto;\n    min-height: 210px;\n    display: block;\n  }\n  \n  #CitySurveillance-Section-CTA .cta-inner {\n    position: relative;\n    min-height: 480px;\n    display: flex;\n    align-items: center;\n    background:\n      linear-gradient(\n        90deg,\n        rgba(0, 0, 0, 0.78) 0%,\n        rgba(0, 0, 0, 0.45) 45%,\n        rgba(0, 0, 0, 0.00) 70%\n      ),\n      url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/04.-CTA-banner-1.jpg\") center \/ cover no-repeat;\n  }\n  \n  #CitySurveillance-Section-CTA .cta-content {\n\n  }\n  \n  #CitySurveillance-Section-CTA .cta-title {\n    margin: 0 0 32px 0;\n    color: #ffffff;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 32px;\n    font-weight: 600;\n    line-height: 46px;\n    letter-spacing: -0.64px;\n  }\n  \n  #CitySurveillance-Section-CTA .cta-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    height: 56px;\n    padding: 0 24px;\n    background: #ff6600;\n    color: #ffffff;\n    text-decoration: none;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 16px;\n    font-weight: 600;\n    letter-spacing: -0.32px;\n    transition: background-color 0.25s ease, transform 0.25s ease;\n        -webkit-touch-callout: none;\n        -webkit-user-select: none;\n        -khtml-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        cursor: pointer;\n  }\n  \n  #CitySurveillance-Section-CTA .cta-btn-icon {\n    font-size: 20px;\n    line-height: 1;\n  }\n  \n  #CitySurveillance-Section-CTA .cta-btn:hover {\n    background: #e65a00;\n    transform: translateX(4px);\n    cursor: pointer;\n  }\n  \n  @media screen and (max-width: 992px) {\n    #CitySurveillance-Section-CTA .cta-inner {\n      background: none;\n      min-height: auto;\n      padding: 0;\n    }\n  \n    #CitySurveillance-Section-CTA .cta-image-mobile {\n      display: block;\n    }\n  \n    #CitySurveillance-Section-CTA .cta-content {\n      padding: 32px 0 56px 0;\n    }\n  \n    #CitySurveillance-Section-CTA .cta-title {\n      color: #292929;\n      font-size: 24px;\n      line-height: 36px;\n      letter-spacing: -0.48px;\n      margin-bottom: 24px;\n    }\n  \n    #CitySurveillance-Section-CTA .cta-btn {\n      width: auto;\n    }\n  }\n  \n  @media screen and (max-width: 480px) {\n    #CitySurveillance-Section-CTA .cta-title {\n      font-size: 22px;\n      line-height: 34px;\n    }\n  \n    #CitySurveillance-Section-CTA .cta-btn {\n      height: 52px;\n      padding: 0 20px;\n    }\n  }\n  <\/style>\n\n\n\n<section class=\"section-wisenet9\" id=\"CitySurveillance-Section-Wisenet9\">\n  <div class=\"w9-bg-image\">\n    <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/05.-Wisenet-9.png\" alt=\"\" class=\"w9-bg-pc\">\n    <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/05.-Wisenet-9_MO.jpg\" alt=\"Wisenet 9 Chip\" class=\"w9-bg-mobile\">\n  <\/div>\n  <div class=\"basic-module-block\">\n    <div class=\"wrapper\">\n      <div class=\"container\">\n        <div class=\"w9-content\">\n          <p class=\"w9-label\">Wisenet 9<\/p>\n          <h2 class=\"w9-title\">The Foundation for Next Generation Security<\/h2>\n          <div class=\"w9-body\">\n            <p>Unlike many manufacturers that rely on third-party chips, <span class=\"hwFont\">Hanwha Vision<\/span> creates its own System on Chips (SoCs) to retain control over both performance and security.<\/p>\n            <p>This enables customized AI algorithms specifically for surveillance purposes, resulting in reduced power consumption, quicker processing, and improved privacy measures, such as Dynamic Privacy Masking (DPM).<\/p>\n            <p><span class=\"hwFont\">Hanwha Vision<\/span>'s <strong>Wisenet 9<\/strong> is our latest proprietary SoC, reflecting over two decades of in-house chipset innovation.<\/p>\n            <p>Devices powered by Wisenet 9 are tailored for sectors that demand high security and intelligent analytics, such as city surveillance.<\/p>\n            <p>Wisenet 9 serves as the core for <span class=\"hwFont\">Hanwha Vision<\/span>'s second-generation P and X Series AI cameras, which are designed to provide advanced edge-based AI analytics, enhanced image quality, and strong cybersecurity measures.<\/p>\n            <p>Learn more about Wisenet 9 and the advantages of its Dual NPU architecture, advanced AI capabilities, and exceptional Bandwidth efficiency.<\/p>\n          <\/div>\n          <a class=\"w9-btn\" href=\"https:\/\/www.hanwhavision.com\/en\/technology\/wisenet9\/\" target=\"_blank\" rel=\"noopener\">\n            <span class=\"w9-btn-text\">Learn More<\/span>\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ffffff\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n  \/* ===== Section ===== *\/\n  #CitySurveillance-Section-Wisenet9 {\n    position: relative;\n    background: #000;\n    overflow: hidden;\n  }\n\n  \/* ===== Background Image ===== *\/\n  #CitySurveillance-Section-Wisenet9 .w9-bg-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n  #CitySurveillance-Section-Wisenet9 .w9-bg-pc {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  #CitySurveillance-Section-Wisenet9 .w9-bg-mobile {\n    display: none;\n  }\n\n  \/* ===== Content ===== *\/\n  #CitySurveillance-Section-Wisenet9 .basic-module-block {\n    position: relative;\n    z-index: 1;\n  }\n  #CitySurveillance-Section-Wisenet9 .w9-content {\n    max-width: 50%;\n    padding: 100px 0;\n  }\n\n  \/* ===== Label ===== *\/\n  #CitySurveillance-Section-Wisenet9 .w9-label {\n    margin: 0 0 12px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 24px;\n    font-weight: 600;\n    line-height: 20px;\n    letter-spacing: 0.02em;\n    color: #ff6600;\n  }\n\n  \/* ===== Title ===== *\/\n  #CitySurveillance-Section-Wisenet9 .w9-title {\n    margin: 0 0 32px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 40px;\n    font-weight: 700;\n    line-height: 56px;\n    letter-spacing: -0.8px;\n    color: #fff;\n  }\n\n  \/* ===== Body ===== *\/\n  #CitySurveillance-Section-Wisenet9 .w9-body p {\n    margin: 0 0 16px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 26px;\n    letter-spacing: -0.3px;\n    color: #BDBDBD;\n  }\n  #CitySurveillance-Section-Wisenet9 .w9-body p:last-child {\n    margin-bottom: 0;\n  }\n  #CitySurveillance-Section-Wisenet9 .w9-body strong {\n    font-weight: 600;\n  }\n\n  \/* ===== Button ===== *\/\n  #CitySurveillance-Section-Wisenet9 .w9-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    height: 40px;\n    padding: 0 20px;\n    margin-top: 32px;\n    background: #FF6600;\n    color: #fff;\n    text-decoration: none;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: -0.28px;\n    white-space: nowrap;\n    transition: background-color 0.25s ease;\n    cursor: pointer;\n    border: none;\n  }\n  #CitySurveillance-Section-Wisenet9 .w9-btn:hover {\n    background: #e65a00;\n  }\n  #CitySurveillance-Section-Wisenet9 .w9-btn svg {\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n  }\n\n  \/* ===== Responsive 1400px ===== *\/\n  @media screen and (max-width: 1400px) {\n    #CitySurveillance-Section-Wisenet9 .w9-content {\n      padding: 80px 0;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-title {\n      font-size: 36px;\n      line-height: 50px;\n      letter-spacing: -0.72px;\n      margin-bottom: 28px;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-body p {\n      font-size: 14px;\n      line-height: 24px;\n    }\n  }\n\n  \/* ===== Responsive 992px - Mobile ===== *\/\n  @media screen and (max-width: 992px) {\n    \/* PC \ubc30\uacbd \uc228\uae30\uace0 \ubaa8\ubc14\uc77c \uc774\ubbf8\uc9c0 \ud45c\uc2dc *\/\n    #CitySurveillance-Section-Wisenet9 .w9-bg-image {\n      position: relative;\n      height: auto;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-bg-pc {\n      display: none;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-bg-mobile {\n      display: block;\n      width: 100%;\n      height: auto;\n      object-fit: cover;\n      aspect-ratio: 375 \/ 140;\n    }\n\n    #CitySurveillance-Section-Wisenet9 .w9-content {\n      max-width: 100%;\n      padding: 40px 0 56px 0;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-title {\n      font-size: 28px;\n      line-height: 40px;\n      letter-spacing: -0.56px;\n      margin-bottom: 24px;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-body p {\n      font-size: 14px;\n      line-height: 24px;\n      margin-bottom: 16px;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-btn {\n      margin-top: 28px;\n    }\n  }\n\n  \/* ===== Responsive 576px ===== *\/\n  @media screen and (max-width: 576px) {\n    #CitySurveillance-Section-Wisenet9 .w9-content {\n      padding: 32px 0 48px 0;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-label {\n      font-size: 16px;\n      line-height: 16px;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-title {\n      font-size: 24px;\n      line-height: 34px;\n      letter-spacing: -0.48px;\n      margin-bottom: 20px;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-body p {\n      font-size: 13px;\n      line-height: 22px;\n      margin-bottom: 14px;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-btn {\n      margin-top: 24px;\n      height: 38px;\n      font-size: 13px;\n      padding: 0 16px;\n    }\n  }\n<\/style>\n\n\n\n<section\n  class=\"section-featured-articles type-retail\"\n  id=\"CitySurveillance-Section-OurSolutions\"\n  >\n  <div class=\"wrapper\">\n    <div class=\"container\">\n      <div class=\"basic-module-block\">\n        <div class=\"title-cell\">\n          <h2 class=\"title\">Our Proven Solutions<\/h2>\n        <\/div>\n        <div class=\"body-cell\">\n          <div class=\"article-cards-container\">\n            <div class=\"basic-grid-block\">\n              <div\n                class=\"cell\"\n                data-hws-toggle=\"side-panel\"\n                data-hws-target=\"#SidePanelEducationSecurityCameras\"\n              >\n                <div class=\"content-wrap\">\n                  <h4 class=\"title\">Security Cameras and Devices<\/h4>\n                  <button\n                    class=\"more-btn\"\n                    data-hws-toggle=\"side-panel\"\n                    data-hws-target=\"#SidePanelEducationSecurityCameras\"\n                  >\n                    <svg\n                      width=\"24\"\n                      height=\"24\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                    >\n                      <path\n                        d=\"M13.8462 17.6537L12.7923 16.5692L16.6115 12.7499H4.5V11.2499H16.6115L12.7923 7.43069L13.8462 6.34619L19.5 11.9999L13.8462 17.6537Z\"\n                        fill=\"currentColor\"\n                      \/>\n                    <\/svg>\n                  <\/button>\n                <\/div>\n              <\/div>\n  \n              <div\n                class=\"cell\"\n                data-hws-toggle=\"side-panel\"\n                data-hws-target=\"#SidePanelEducationAnalytics\"\n              >\n                <div class=\"content-wrap\">\n                  <h4 class=\"title\">Analytics & Intelligence<\/h4>\n                  <button\n                    class=\"more-btn\"\n                    data-hws-toggle=\"side-panel\"\n                    data-hws-target=\"#SidePanelEducationAnalytics\"\n                  >\n                    <svg\n                      width=\"24\"\n                      height=\"24\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                    >\n                      <path\n                        d=\"M13.8462 17.6537L12.7923 16.5692L16.6115 12.7499H4.5V11.2499H16.6115L12.7923 7.43069L13.8462 6.34619L19.5 11.9999L13.8462 17.6537Z\"\n                        fill=\"currentColor\"\n                      \/>\n                    <\/svg>\n                  <\/button>\n                <\/div>\n              <\/div>\n  \n              <div\n                class=\"cell\"\n                data-hws-toggle=\"side-panel\"\n                data-hws-target=\"#SidePanelEducationVMS\"\n              >\n                <div class=\"content-wrap wrap-col\">\n                  <h4 class=\"title\">Video Management Software<br \/><\/h4>\n                  <button\n                    class=\"more-btn\"\n                    data-hws-toggle=\"side-panel\"\n                    data-hws-target=\"#SidePanelEducationVMS\"\n                  >\n                    <svg\n                      width=\"24\"\n                      height=\"24\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                    >\n                      <path\n                        d=\"M13.8462 17.6537L12.7923 16.5692L16.6115 12.7499H4.5V11.2499H16.6115L12.7923 7.43069L13.8462 6.34619L19.5 11.9999L13.8462 17.6537Z\"\n                        fill=\"currentColor\"\n                      \/>\n                    <\/svg>\n                  <\/button>\n                <\/div>\n              <\/div>\n  \n              <div\n                class=\"cell\"\n                data-hws-toggle=\"side-panel\"\n                data-hws-target=\"#SidePanelEducationCybersecurity\"\n              >\n                <div class=\"content-wrap wrap-col\">\n                  <h4 class=\"title\">Cybersecurity<\/h4>\n                  <button\n                    class=\"more-btn\"\n                    data-hws-toggle=\"side-panel\"\n                    data-hws-target=\"#SidePanelEducationCybersecurity\"\n                  >\n                    <svg\n                      width=\"24\"\n                      height=\"24\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                    >\n                      <path\n                        d=\"M13.8462 17.6537L12.7923 16.5692L16.6115 12.7499H4.5V11.2499H16.6115L12.7923 7.43069L13.8462 6.34619L19.5 11.9999L13.8462 17.6537Z\"\n                        fill=\"currentColor\"\n                      \/>\n                    <\/svg>\n                  <\/button>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <\/section>\n\n\n\n<style>\n  #CitySurveillance-Section-OurSolutions {\n    padding: 100px 0px 120px 0px;\n    background-color: #000;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .title-cell {\n    margin-bottom: 48px;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .title-cell h2 {\n    font-size: 44px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 62px;\n    letter-spacing: -0.88px;\n    color: #fff;\n    text-align: center;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .title-cell p {\n    font-size: 24px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 36px;\n    letter-spacing: -0.48px;\n    color: #bdbdbd;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block {\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 393px));\n    gap: 16px;\n    justify-content: center;\n    place-items: center;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block .cell::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    filter: brightness(0.6);\n    transition: filter 0.3s ease;\n    z-index: 0;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block .cell:hover::before {\n    filter: brightness(1);\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block .cell:hover {\n    cursor: pointer;\n    border: 1px solid #ff6600;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block .cell {\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex: 1;\n    width: 100%;\n    max-width: 390px;\n    max-height: 390px;\n    aspect-ratio: 1 \/ 1;\n    padding: 32px 24px;\n    flex-direction: column;\n    justify-content: flex-end;\n    align-items: flex-start;\n    gap: 10px;\n    border: 1px solid transparent;\n    border-radius: 8px;\n    transition: all 0.3s ease;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block .cell:hover h4 {\n    color: #ff6600;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block .cell:hover .more-btn {\n    border: 1px solid #ff6600;\n    background: rgba(255, 102, 0, 0.2);\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block .cell:hover .more-btn svg {\n    color: #ff6600;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block {\n    margin: 0;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block .cell > * {\n    position: relative;\n    z-index: 1;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(1)::before {\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, #000 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/Security-Camera-and-Devices_PC-1.png\") lightgray 50% \/ cover no-repeat;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(2)::before {\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, #000 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/AI_PC-1.png\") lightgray 50% \/ cover no-repeat;\n    background-blend-mode: multiply, normal;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(3)::before {\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, #000 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/VMS_PC.png\") lightgray -5.641px -133.203px \/ 102.632% 163.025% no-repeat;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(4)::before {\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, #000 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/Cloud_PC.png\") lightgray 50% \/ cover no-repeat;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(5)::before {\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, #000 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/Cybersecurity_PC.png\") lightgray 50% \/ cover no-repeat;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .content-wrap {\n    width: 100%;\n    margin-top: auto;\n    display: flex;\n    justify-content: space-between;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block > .cell+.cell {\n    margin-top: 0 !important;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .content-wrap h4 {\n    font-size: 20px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 30px; \n    letter-spacing: -0.4px;\n    color: #fff;\n    width: 100%;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(1) .title {\n    max-width: 178px;\n    -webkit-touch-callout: none;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    cursor: pointer;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(3) .title {\n    max-width: 178px;\n    -webkit-touch-callout: none;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    cursor: default;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .content-wrap .more-btn {\n    margin-top: auto;\n    margin-bottom: 8px;\n    display: flex;\n    padding: 4px 20px;\n    align-items: center;\n    gap: 8px;\n    border-radius: 100px;\n    border: 1px solid var(--White, #FFF);\n    background: rgba(255, 255, 255, 0.10);\n  }\n  \n  #CitySurveillance-Section-OurSolutions .content-wrap .more-btn svg {\n    color: #fff;\n  }\n  \n  @media screen and (max-width: 1400px) {\n    #CitySurveillance-Section-OurSolutions {\n      padding: 56px 0;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .content-wrap h4 {\n      font-size: 18px;\n      letter-spacing: -0.36px;\n      line-height: 28px;\n    }\n  }\n  \n  @media screen and (max-width: 1200px) {\n    #CitySurveillance-Section-OurSolutions .basic-grid-block {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n  \n  @media screen and (max-width: 576px) {\n    #CitySurveillance-Section-OurSolutions .basic-grid-block {\n      grid-template-columns: 1fr;\n      gap: 8px;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .basic-grid-block .cell  {\n      max-width: 100%;\n      height: 140px;\n      padding: 16px;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .title-cell h2 {\n      font-size: 32px;\n      line-height: 48px;\n      letter-spacing: -0.64px;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .title-cell p {\n      font-size: 16px;\n      line-height: 24px;\n      letter-spacing: -0.32px;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(1)::before {\n      background: url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/Security-Camera-and-Devices_MO.png\") lightgray 50% \/ cover no-repeat;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(2)::before {\n      background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.50) 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/AI_MO.png\") lightgray 50% \/ cover no-repeat;\n      background-blend-mode: multiply, normal;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(3)::before {\n      background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.50) 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/VMS_MO.png\") lightgray 50% \/ cover no-repeat;\n      background-blend-mode: multiply, normal;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(4)::before {\n      background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.50) 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/Cloud_MO.png\") lightgray 50% \/ cover no-repeat;\n      background-blend-mode: multiply, normal;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(5)::before {\n      background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.50) 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/Cybersecurity_MO.png\") lightgray 50% \/ cover no-repeat;\n      background-blend-mode: multiply, normal;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .content-wrap h4 {\n      font-size: 16px;\n      letter-spacing: -0.32px;\n      line-height: 24px;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(1) .title {\n      max-width: 100%;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(3) .title {\n      max-width: 100%;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .content-wrap {\n      height: 100%;\n      flex-direction: column;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .content-wrap .more-btn {\n      padding: 0 12px;\n      margin-left: auto;\n    }\n  \n    .alert {\n      padding: 2px 10px;\n      font-size: 12px;\n      line-height: 20px;\n      letter-spacing: -0.24px;\n      color: #000;\n      max-width: 117px;\n    }\n  }\n  <\/style>\n\n\n\n<style>\n  #SidePanelEducationSecurityCameras .module-block {\n    margin-top: 60px !important;\n  }\n  \n  #SidePanelEducationSecurityCameras .orange-color-desc {\n    color: #F60;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 24px; \/* 150% *\/\n    letter-spacing: -0.32px;\n  }\n  \n  #SidePanelEducationSecurityCameras .text-location {\n    color: #292929;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 24px; \/* 150% *\/\n    letter-spacing: -0.32px;\n  }\n  \n  #SidePanelEducationSecurityCameras .text-normal {\n    font-weight: 400 !important;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec {\n    --text: #292929;\n    --muted: #525252;\n    --line: #bdbdbd;\n    --bg-soft: #f8f8f8;\n    --accent: #f60;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec__intro {\n    padding-bottom: 12px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec__title {\n    margin: 0;\n    font-size: 32px;\n    line-height: 44px;\n    letter-spacing: -0.64px;\n    color: var(--text);\n    font-weight: 700;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec__desc {\n    margin: 12px 0 0;\n    color: var(--muted);\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.32px;\n    font-weight: 400;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec__kicker {\n    margin: 28px 0 12px;\n    text-align: center;\n    color: var(--accent);\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    font-size: 14px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec__divider {\n    width: 100%;\n    height: 1px;\n    border: 0;\n    background: #BDBDBD;\n    margin: 32px 0;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec__section-title {\n    margin: 0 0 40px;\n    font-size: 36px;\n    font-weight: 600;\n    line-height: 54px; \/* 150% *\/\n    letter-spacing: -0.72px;\n    color: var(--text);\n  }\n  \n  #SidePanelEducationSecurityCameras .hint {\n    color: #7c7c7c;\n    font-family: \"Noto Sans\";\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 18px;\n    letter-spacing: -0.24px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-model-link {\n    color: var(--text);\n    text-decoration-line: underline;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-model-link:hover {\n    color: var(--accent);\n    text-decoration-thickness: 2px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec__table-wrap {\n    width: 100%;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec__table-wrap--desktop {\n    display: block;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec__table-wrap--mobile {\n    display: none;\n  }\n  \n  \/* \ud14c\uc774\ube14 \uc804\uccb4 \uc678\uacfd \ud14c\ub450\ub9ac *\/\n  #SidePanelEducationSecurityCameras .edu-sec-table {\n    width: 100%;\n    border-collapse: collapse;\n    border-top: 1px solid #BDBDBD;\n    border-bottom: none;\n    background: #fff;\n  }\n  \n  \/* \ud5e4\ub354 \uc2a4\ud0c0\uc77c - PC 1\ud589 *\/\n  #SidePanelEducationSecurityCameras .edu-sec-table thead th {\n    color: var(--text);\n    font-weight: 700;\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.32px;\n    text-align: center;\n    padding: 14px 16px;\n    border-bottom: 1px solid #d9d9d9;\n    border-right: 1px solid #d9d9d9;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table thead th:nth-child(1) {\n    background: #F1F1F1;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table thead th:nth-child(2) {\n    background: #DCDCDC;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table thead th:nth-child(3) {\n    background: #F1F1F1;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table thead th:nth-child(4) {\n    background: #F1F1F1;\n    border-right: none;\n  }\n  \n  \/* tbody \uc140 \uae30\ubcf8 \uc2a4\ud0c0\uc77c *\/\n  #SidePanelEducationSecurityCameras .edu-sec-table tbody td {\n    padding: 22px 18px;\n    vertical-align: middle;\n    border-bottom: 1px solid #ededed;\n    border-right: 1px solid #ededed;\n    color: var(--muted);\n    font-size: 14px;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n    background: transparent;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table tbody td:last-child {\n    border-right: none;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table tbody tr:last-child td {\n    border-bottom: 1px solid #9d9d9d;\n  }\n  \n  \/* PC \ubc84\uc804 - tbody \ubaa8\ub4e0 \ud589 (thead\uac00 1\ud589\uc774\ubbc0\ub85c tbody\ub294 2\ud589\ubd80\ud130) *\/\n  #SidePanelEducationSecurityCameras .edu-sec-table tbody td:nth-child(1) {\n    background: #F8F8F8;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table tbody td:nth-child(2) {\n    background: #F1F1F1;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table tbody td:nth-child(3) {\n    background: #F8F8F8;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table tbody td:nth-child(4) {\n    background: #F8F8F8;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table__type {\n    width: 220px;\n    text-align: center;\n    color: var(--text);\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table__icon {\n    width: 92px;\n    height: 92px;\n    object-fit: contain;\n    display: inline-block;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table__type strong {\n    display: block;\n    margin-top: 10px;\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.32px;\n    color: var(--text);\n    font-weight: 700;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table td ul {\n    margin: 0;\n    padding-left: 22px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table td ul li {\n    color: var(--muted);\n    font-size: 16px;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table__models {\n    white-space: normal;\n    color: var(--text);\n    font-weight: 500;\n  }\n  \n  \/* \ubaa8\ubc14\uc77c \ud14c\uc774\ube14 *\/\n  #SidePanelEducationSecurityCameras .edu-sec-table-scroll {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    background: #fff;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile {\n    min-width: 1100px;\n    border-top: 1px solid #9d9d9d;\n    border-bottom: 1px solid #9d9d9d;\n    border-collapse: collapse;\n  }\n  \n  \/* \ubaa8\ubc14\uc77c \ud5e4\ub354 - 1\ud589: #F8F8F8 *\/\n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile thead th {\n    background: #F8F8F8 !important;\n    color: var(--text);\n    font-weight: 700;\n    padding: 12px 14px;\n    border-bottom: 1px solid #d9d9d9;\n    border-right: 1px solid #d9d9d9;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile thead th:last-child {\n    border-right: none;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile th,\n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile td {\n    padding: 12px 14px;\n    vertical-align: top;\n    border-bottom: 1px solid #ededed;\n    border-right: 1px solid #ededed;\n    color: var(--muted);\n    font-size: 13px;\n    line-height: 18px;\n    letter-spacing: -0.26px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile th:last-child,\n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile td:last-child {\n    border-right: none;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:last-child th,\n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:last-child td {\n    border-bottom: none;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile__rowhead {\n    background: #f1f1f1 !important;\n    color: var(--text);\n    font-weight: 700;\n    min-width: 120px;\n    padding: 0;\n    position: sticky;\n    left: 0;\n    z-index: 2;\n    border-right: 1px solid #d9d9d9 !important;\n    vertical-align: middle;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile__rowhead .header-wrapper {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    padding: 12px;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile__rowhead .header-text {\n    text-align: center;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n  }\n  \n  \/* \ubaa8\ubc14\uc77c - 2\ud589 (\uc124\uce58 \uc7a5\uc18c): #F1F1F1 *\/\n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:nth-child(1) th,\n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:nth-child(1) td {\n    background: #F1F1F1 !important;\n  }\n  \n  \/* \ubaa8\ubc14\uc77c - 3\ud589 (\uc8fc\uc694 \uc774\uc810): #F8F8F8 *\/\n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:nth-child(2) th,\n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:nth-child(2) td {\n    background: #F8F8F8 !important;\n  }\n  \n  \/* \ubaa8\ubc14\uc77c - 4\ud589 (\uc801\ud569\ud55c \uce74\uba54\ub77c \ubaa8\ub378): #F8F8F8 *\/\n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:nth-child(3) th,\n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:nth-child(3) td {\n    background: #F8F8F8 !important;\n  }\n  \n  \/* \ubaa8\ubc14\uc77c - 5\ud589 \uc774\ud6c4: #F8F8F8 *\/\n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:nth-child(n+4) th,\n  #SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:nth-child(n+4) td {\n    background: #F8F8F8 !important;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table__mtype {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    min-width: 140px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table__mtype img {\n    width: 44px;\n    height: 44px;\n    object-fit: contain;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-table__mtype strong {\n    font-size: 12px;\n    line-height: 16px;\n    color: var(--text);\n    font-weight: 700;\n    text-align: center;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-article {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n    padding: 60px 0;\n    border-top: 1px solid #BDBDBD;\n  }\n  \n  #SidePanelEducationSecurityCameras .grid-stretch {\n    grid-template-columns: 1fr !important;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-article:first-of-type {\n    border-top: 0;\n    padding-top: 0;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-article__media,\n  #SidePanelEducationSecurityCameras .edu-sec-article__content {\n    min-width: 0;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-article__media img {\n    width: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-article__content h4 {\n    margin: 0 0 10px;\n    color: var(--text);\n    font-size: 24px;\n    line-height: 30px;\n    letter-spacing: -0.4px;\n    font-weight: 700;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-article__content p {\n    margin-bottom: 20px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-article__content ul {\n    margin: 0;\n    padding-left: 18px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-article__content li {\n    color: var(--muted);\n    font-size: 16px;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec__accent {\n    color: var(--accent);\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec__note {\n    margin: 12px 0 0;\n    color: var(--accent);\n    font-size: 14px;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n    font-weight: 500;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-solutions {\n    margin-top: 14px;\n    background: var(--bg-soft);\n    border-top: 1px solid var(--line);\n    border-bottom: 1px solid var(--line);\n    padding: 14px 16px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-solutions h5 {\n    margin: 0 0 10px;\n    color: var(--accent);\n    font-size: 13px;\n    line-height: 18px;\n    font-weight: 700;\n    letter-spacing: -0.26px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-solutions__grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-solutions__grid ul {\n    margin: 0;\n    padding-left: 18px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-solutions__grid li {\n    color: var(--text);\n    font-size: 13px;\n    line-height: 18px;\n    letter-spacing: -0.26px;\n    font-weight: 500;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-solutions--full {\n    grid-column: 1 \/ -1;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-carousel {\n    margin-top: 16px;\n    max-width: 100%;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-carousel__head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin: 18px 0 10px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-carousel__head h5 {\n    margin: 0;\n    color: var(--text);\n    font-size: 18px;\n    line-height: 26px;\n    letter-spacing: -0.36px;\n    font-weight: 700;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-carousel__actions {\n    display: flex;\n    gap: 6px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-carousel__btn {\n    padding: 8px 12px;\n    border: 0;\n    background: #f2f2f2;\n    color: #666;\n    cursor: pointer;\n    font-weight: 700;\n    line-height: 1;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-carousel__btn:disabled {\n    background: #f2f2f2;\n    color: #999;\n    border-color: #ddd;\n    cursor: not-allowed;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-carousel__btn--primary {\n    background: var(--accent);\n    color: #fff;\n    border-color: var(--accent);\n    cursor: pointer;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-carousel__btn--primary:disabled {\n    background: #f2f2f2;\n    color: #999;\n    border-color: #ddd;\n    cursor: not-allowed;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-carousel__track {\n    display: flex;\n    gap: 12px;\n    overflow-x: auto;\n    overflow-y: hidden;\n    width: 100%;\n    min-width: 0;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;\n    -webkit-overflow-scrolling: touch;\n    padding-bottom: 8px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-carousel__item {\n    flex: 0 0 auto;\n    width: 220px;\n    scroll-snap-align: start;\n    border: 1px solid #e6e6e6;\n    background: #fff;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-carousel__item img {\n    width: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-carousel__track::-webkit-scrollbar {\n    height: 6px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-carousel__track::-webkit-scrollbar-thumb {\n    background: #d9d9d9;\n    border-radius: 99px;\n  }\n  \n  #SidePanelEducationSecurityCameras .edu-sec-carousel__item p {\n    margin: 8px;\n    font-size: 13px;\n    line-height: 18px;\n    letter-spacing: -0.26px;\n    color: var(--text);\n    font-weight: 500;\n    text-align: center;\n  }\n  \n  \/* \u2500\u2500 Feature Images Strip \u2500\u2500 *\/\n  #SidePanelEducationSecurityCameras .city-surv__features-strip {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 0;\n    background: #292929;\n    margin: 16px 0 8px;\n    padding: 24px;\n    gap: 12px;\n  }\n  \n  #SidePanelEducationSecurityCameras .city-surv__feature-item {\n    text-align: center;\n    background: #292929;\n  }\n  \n  #SidePanelEducationSecurityCameras .city-surv__feature-item img {\n    width: 100%;\n    aspect-ratio: auto;\n    object-fit: cover;\n    display: block;\n  }\n  \n  #SidePanelEducationSecurityCameras .city-surv__feature-item p {\n    margin: 0;\n    padding: 12px 8px;\n    color: #fff;\n    font-size: 13px;\n    line-height: 18px;\n    letter-spacing: -0.26px;\n    font-weight: 500;\n  }\n  \n  \/* \u2500\u2500 Camera Cards Grid \u2500\u2500 *\/\n  #SidePanelEducationSecurityCameras .city-surv__cards {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    column-gap: 16px;\n    row-gap: 60px;\n    margin-top: 28px;\n  }\n  \n  #SidePanelEducationSecurityCameras .city-surv__card {\n    width: calc((100% - 48px) \/ 3);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n  \n  #SidePanelEducationSecurityCameras .city-surv__card-img {\n    width: 100%;\n    aspect-ratio: 1 \/ 0.85;\n    background: #F8F8F8;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n  }\n  \n  #SidePanelEducationSecurityCameras .city-surv__card-img img {\n    width: 80%;\n    height: 80%;\n    object-fit: contain;\n  }\n  \n  #SidePanelEducationSecurityCameras .city-surv__card-name {\n    margin: 18px 0 10px;\n    font-size: 18px;\n    line-height: 26px;\n    letter-spacing: -0.36px;\n    font-weight: 700;\n    color: #FF6600;\n  }\n  \n  #SidePanelEducationSecurityCameras .city-surv__card-desc {\n    margin: 0;\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.32px;\n    color: #525252;\n    flex: 1;\n  }\n  \n  #SidePanelEducationSecurityCameras .city-surv__card-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 20px;\n    padding: 12px 24px;\n    background: #FF6600;\n    color: #fff;\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 24px;\n    letter-spacing: -0.32px;\n    text-decoration: none;\n    transition: background 0.2s;\n  }\n  \n  #SidePanelEducationSecurityCameras .city-surv__card-btn:hover {\n    background: #e55b00;\n    color: #fff;\n  }\n  \n  @media screen and (max-width: 768px) {\n    #SidePanelEducationSecurityCameras .edu-sec__title {\n      font-size: 24px;\n      line-height: 34px;\n      letter-spacing: -0.48px;\n    }\n  \n    #SidePanelEducationSecurityCameras .orange-color-desc {\n      color: #F60;\n      font-size: 14px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 20px; \/* 142.857% *\/\n      letter-spacing: -0.28px;\n    }\n  \n    #SidePanelEducationSecurityCameras .text-location {\n      font-size: 14px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 20px; \/* 142.857% *\/\n      letter-spacing: -0.28px;\n    }\n  \n    #SidePanelEducationSecurityCameras .edu-sec__section-title {\n      font-size: 28px;\n      font-weight: 600;\n      line-height: 42px; \/* 150% *\/\n      letter-spacing: -0.56px;\n    }\n  \n    #SidePanelEducationSecurityCameras .edu-sec__table-wrap--desktop {\n      display: none;\n    }\n  \n    #SidePanelEducationSecurityCameras .edu-sec__table-wrap--mobile {\n      display: block;\n    }\n  \n    #SidePanelEducationSecurityCameras .edu-sec-article {\n      grid-template-columns: 1fr;\n      gap: 12px;\n      padding: 40px 0;\n    }\n  \n    #SidePanelEducationSecurityCameras .edu-sec-article__content h4 {\n      font-size: 20px;\n      font-weight: 600;\n      line-height: 30px; \/* 150% *\/\n      letter-spacing: -0.4px;\n    }\n  \n    #SidePanelEducationSecurityCameras .edu-sec-article__content li {\n      font-size: 13px;\n      line-height: 18px;\n      letter-spacing: -0.26px;\n    }\n  \n    #SidePanelEducationSecurityCameras .edu-sec-solutions__grid {\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n  \n    #SidePanelEducationSecurityCameras .edu-sec-solutions--full {\n      grid-column: auto;\n    }\n  \n    #SidePanelEducationSecurityCameras .edu-sec-carousel__item {\n      width: 180px;\n    }\n  \n    #SidePanelEducationSecurityCameras .edu-sec-carousel__item img {\n      height: auto;\n    }  \n    \n    #SidePanelEducationSecurityCameras .city-surv__features-strip {\n      grid-template-columns: repeat(2, 1fr);\n      padding: 12px;\n      row-gap: 12px;\n      column-gap: 8px;\n    }\n  \n    #SidePanelEducationSecurityCameras .city-surv__cards {\n      flex-direction: column;\n      gap: 0;\n      margin-top: 24px;\n    }\n  \n    #SidePanelEducationSecurityCameras .city-surv__card {\n      width: 100%;\n      padding-bottom: 32px;\n      border-bottom: 1px solid #E9E9E9;\n    }\n  \n    #SidePanelEducationSecurityCameras .city-surv__card:last-child {\n      border-bottom: none;\n    }\n  \n    #SidePanelEducationSecurityCameras .city-surv__card-img {\n      aspect-ratio: 1 \/ 0.75;\n    }\n  \n    #SidePanelEducationSecurityCameras .city-surv__card-name {\n      font-size: 20px;\n      line-height: 28px;\n      margin: 20px 0 12px;\n    }\n  \n    #SidePanelEducationSecurityCameras .city-surv__card-btn {\n      padding: 14px 36px;\n      margin-top: 24px;\n    }\n  }\n  <\/style>\n  \n  <script>\n    (function () {\n      var panel = document.getElementById(\"SidePanelEducationSecurityCameras\");\n      if (!panel) return;\n  \n      var track = panel.querySelector(\"#EduSecFanTrack\");\n      if (!track) return;\n  \n      var btnPrev = panel.querySelector('.edu-sec-carousel__btn[data-dir=\"-1\"]');\n      var btnNext = panel.querySelector('.edu-sec-carousel__btn[data-dir=\"1\"]');\n  \n      \/\/ \ucd08\uae30 \uc0c1\ud0dc \uc124\uc815\n      if (btnPrev) {\n        btnPrev.disabled = true;\n        btnPrev.classList.remove('edu-sec-carousel__btn--primary');\n      }\n      if (btnNext) {\n        btnNext.disabled = false;\n        btnNext.classList.add('edu-sec-carousel__btn--primary');\n      }\n  \n      function getStep() {\n        var first = track.querySelector(\".edu-sec-carousel__item\");\n        if (!first) return 240;\n        var styles = window.getComputedStyle(track);\n        var gap = parseFloat(styles.gap || \"0\") || 12;\n        var w = first.getBoundingClientRect().width;\n        \/\/ width\uac00 0\uc774\uba74 \uae30\ubcf8\uac12 \uc0ac\uc6a9\n        if (!w || w <= 0) w = 220;\n        return Math.round(w + gap);\n      }\n  \n      function updateButtons() {\n        var scrollLeft = track.scrollLeft;\n        var maxScroll = track.scrollWidth - track.clientWidth;\n  \n        \/\/ panel\uc774 \ubcf4\uc774\uc9c0 \uc54a\uc73c\uba74 \uc2a4\ud0b5\n        if (track.scrollWidth === 0) return;\n  \n        if (btnPrev) {\n          if (scrollLeft <= 1) {\n            btnPrev.disabled = true;\n            btnPrev.classList.remove('edu-sec-carousel__btn--primary');\n          } else {\n            btnPrev.disabled = false;\n            btnPrev.classList.add('edu-sec-carousel__btn--primary');\n          }\n        }\n  \n        if (btnNext) {\n          if (maxScroll <= 0 || scrollLeft >= maxScroll - 1) {\n            btnNext.disabled = true;\n            btnNext.classList.remove('edu-sec-carousel__btn--primary');\n          } else {\n            btnNext.disabled = false;\n            btnNext.classList.add('edu-sec-carousel__btn--primary');\n          }\n        }\n      }\n  \n      function move(dir) {\n        var step = getStep();\n        track.scrollBy({ left: dir * step, behavior: \"smooth\" });\n      }\n  \n      if (btnPrev) {\n        btnPrev.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          move(-1);\n        });\n      }\n  \n      if (btnNext) {\n        btnNext.addEventListener(\"click\", function (e) {\n          e.preventDefault();\n          move(1);\n        });\n      }\n  \n      track.addEventListener(\"scroll\", updateButtons);\n    })();\n  <\/script>\n  \n  <div class=\"side-panel info-side-panel edu-sec-panel\" id=\"SidePanelEducationSecurityCameras\" style=\"display: none\">\n    <div class=\"panel-backdrop\"><\/div>\n  \n    <div class=\"panel-wrapper\">\n      <div class=\"panel-header\">\n        <button class=\"btn-action panel-close-btn\" aria-label=\"Close\">\n          <span class=\"icon-font icon-cross\"><\/span>\n        <\/button>\n      <\/div>\n  \n      <div class=\"panel-body\">\n        <div class=\"panel-body-container edu-sec\">\n          <header class=\"edu-sec__intro\">\n            <h2 class=\"h1 edu-sec__title\">Advanced Security Cameras in Many Form Factors<\/h2>\n            <p class=\"edu-sec__desc\">\n              <span class=\"hwFont\">Hanwha Vision<\/span> secures the future of our cities through advanced technology. Driven by cutting-edge innovation, <span class=\"hwFont\">Hanwha Vision<\/span> takes responsibility for urban safety. By delivering seamless, high-definition security, we build smarter city environments.\n            <\/p>\n  \n  \n          <\/header>\n  \n          <!-- Camera Cards -->\n          <section class=\"city-surv__cards\">\n            <div class=\"city-surv__card\">\n              <div class=\"city-surv__card-img\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/01.-Q-Series.png\" alt=\"Q Series\" \/>\n              <\/div>\n              <h3 class=\"city-surv__card-name\">Q Series<\/h3>\n              <p class=\"city-surv__card-desc\">Sharp image quality with H.265 compression with intelligent video analytics, Wide Dynamic Range, Built-in IR, Hallway View, and WiseStream II.<\/p>\n              <a class=\"city-surv__card-btn\" href=\"https:\/\/www.hanwhavision.com\/en\/products\/camera\/network\/?srs=q-series\" target=\"_blank\" rel=\"noopener\">Learn More&nbsp;&nbsp;\u2192<\/a>\n            <\/div>\n  \n            <div class=\"city-surv__card\">\n              <div class=\"city-surv__card-img\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/02.-X-Series.png\" alt=\"X Series\" \/>\n              <\/div>\n              <h3 class=\"city-surv__card-name\">X Series<\/h3>\n              <p class=\"city-surv__card-desc\">Featuring proprietary Wisenet 7 chipset with for 4K resolution, eXtreme WDR, and 100% lens distortion correction.<\/p>\n              <a class=\"city-surv__card-btn\" href=\"https:\/\/www.hanwhavision.com\/en\/products\/camera\/network\/?srs=x-series\" target=\"_blank\" rel=\"noopener\">Learn More&nbsp;&nbsp;\u2192<\/a>\n            <\/div>\n  \n            <div class=\"city-surv__card\">\n              <div class=\"city-surv__card-img\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/04.-Multi-sensor-Cameras.png\" alt=\"PTZ Cameras\" \/>\n              <\/div>\n              <h3 class=\"city-surv__card-name\">PTZ Cameras<\/h3>\n              <p class=\"city-surv__card-desc\">With the ability to move in all directions and zoom in and out, PTZ cameras provide versatile solutions for your casino.<\/p>\n              <a class=\"city-surv__card-btn\" href=\"https:\/\/www.hanwhavision.com\/en\/products\/camera\/network\/ptz\/\" target=\"_blank\" rel=\"noopener\">Learn More&nbsp;&nbsp;\u2192<\/a>\n            <\/div>\n  \n            <div class=\"city-surv__card\">\n              <div class=\"city-surv__card-img\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/05.-Panoramic-Cameras.png\" alt=\"Multi-sensor Cameras\" \/>\n              <\/div>\n              <h3 class=\"city-surv__card-name\">Multi-sensor Cameras<\/h3>\n              <p class=\"city-surv__card-desc\">Multi-sensor IP security cameras use a single cable \u2013 eliminating the need for complex and costly installations.<\/p>\n              <a class=\"city-surv__card-btn\" href=\"https:\/\/www.hanwhavision.com\/en\/products\/camera\/network\/multi-sensor\/\" target=\"_blank\" rel=\"noopener\">Learn More&nbsp;&nbsp;\u2192<\/a>\n            <\/div>\n  \n            <div class=\"city-surv__card\">\n              <div class=\"city-surv__card-img\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/03.-PTZ-Cameras.png\" alt=\"Panoramic Cameras\" \/>\n              <\/div>\n              <h3 class=\"city-surv__card-name\">Panoramic Cameras<\/h3>\n              <p class=\"city-surv__card-desc\">Providing an ultra-wide field of view from a single device, with up to 220\u00b0 of viewing angle.<\/p>\n              <a class=\"city-surv__card-btn\" href=\"https:\/\/www.hanwhavision.com\/en\/?search_filter%5B%5D=products&#038;s=panoramic\" target=\"_blank\" rel=\"noopener\">Learn More&nbsp;&nbsp;\u2192<\/a>\n            <\/div>\n          <\/section>\n  \n          <hr class=\"edu-sec__divider\" \/>\n  \n          <section class=\"edu-sec__block\">\n            <h3 class=\"edu-sec__section-title\">City Wide Video Surveillance<\/h3>\n  \n            <article class=\"edu-sec-article\">\n              <div class=\"edu-sec-article__content\">\n                <h4>Easy-to-use innovation: AI multi-sensor cameras<\/h4>\n                <p class=\"orange-color-desc text-normal\">No bilnd spots<\/p>\n                <ul>\n                  <li><span class=\"hwFont\">Hanwha Vision<\/span>'s <span class=\"orange-color-desc text-normal\">multi-sensor\/multi-directional cameras<\/span> monitor wide-open areas without blind spots with a single device.<\/li>\n                  <li>Cameras with replaceable lens modules allow you to customize the camera to meet your specific needs while PTRZ (Pan\/Tilt\/Rotate\/Zoom) equipped devices can be adjusted remotely without physically accessing the unit.<\/li>\n                  <li>All multi-sensor devices use a single network cable and IP address for quick installation and configuration and can be recorded using a single camera recording license.<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"edu-sec-article__media\"><img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/06.-5CH-city-camera.jpg\" alt=\"\" \/><\/div>\n              <div class=\"edu-sec-solutions edu-sec-solutions--full\">\n                <div class=\"edu-sec-solutions__grid grid-stretch\">\n                  <ul>\n                    <li>Eliminate the need for multi-camera installations<\/li>\n                    <li>Advanced object detection and classification, based on deep-learning AI<\/li>\n                    <li>AI-based object detection reduces false alarms<\/li>\n                    <li>Require only a single network cable and IP address for installation<\/li>\n                    <li>Record all sensors using a single camera recording license for popular VMS solutions<\/li>\n                    <li>PTRZ models reduce maintenance costs when camera readjustments are needed<\/li>\n                    <li>Multi-directional cameras with PTZ enable operators to zoom in and track a moving object<\/li>\n                    <li>License-free onboard intelligent video analytics for each sensor<\/li>\n                    <li>Centre Mode to remove blind spots below the camera<\/li>\n                  <\/ul>\n                <\/div>\n              <\/div>\n            <\/article>\n  \n            <article class=\"edu-sec-article\">\n              <div class=\"edu-sec-article__media\"><img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/07.-AI-PTZ-Cameras.jpg\" alt=\"\" \/><\/div>\n              <div class=\"edu-sec-article__content\">\n                <h4>AI PTZ Plus cameras<\/h4>\n                <ul>\n                  <li>The <span class=\"orange-color-desc text-normal\">AI PTZ Plus cameras<\/span> capture evidence grade images in large open areas and this is enhanced by technically advanced features:<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"edu-sec-solutions edu-sec-solutions--full\">\n                <div class=\"edu-sec-solutions__grid grid-stretch\">\n                  <ul>\n                    <li>AI-based object tracking, select the object you want e.g. a car or person<\/li>\n                    <li>Exceptional image quality for clearer and more detailed video<\/li>\n                    <li>Enhanced cybersecurity for extra peace of mind<\/li>\n                    <li>Monitoring in complete darkness up to 200 metres with adaptive IR<\/li>\n                    <li>High-resolution, high-magnification zoom (4K 30x). Up to 55x zoom available in Wisenet range of PTZ Dome models<\/li>\n                    <li>All weather conditions - built-in wipers remove rain, sleet or snow and heater on the lens dries any residual water <\/li>\n                    <li>65% lighter than conventional PTZs for easier installation and increased speed of the Pan\/Tilt functionality<\/li>\n                    <li>Single RJ45 cable for quick and easy installation<\/li>\n                  <\/ul>\n                <\/div>\n              <\/div>\n              <div class=\"city-surv__features-strip edu-sec-solutions--full\">\n                <div class=\"city-surv__feature-item\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/AI-PTZ-Cameras-1-1.png\" alt=\"AI Auto tracking - cars\" \/>\n                  <p>AI Auto tracking - cars<\/p>\n                <\/div>\n                <div class=\"city-surv__feature-item\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/AI-PTZ-Cameras-2-1.png\" alt=\"AI Auto tracking - people\" \/>\n                  <p>AI Auto tracking - people<\/p>\n                <\/div>\n                <div class=\"city-surv__feature-item\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/AI-PTZ-Cameras-3-1.png\" alt=\"Shakes off water\" \/>\n                  <p>Shakes off water<\/p>\n                <\/div>\n                <div class=\"city-surv__feature-item\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/AI-PTZ-Cameras-4-1.png\" alt=\"Lightweight\" \/>\n                  <p>Lightweight<\/p>\n                <\/div>\n              <\/div>\n            <\/article>\n  \n            <article class=\"edu-sec-article\">\n              <div class=\"edu-sec-article__media\"><img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/09.-ciritical-intrastructure.jpg\" alt=\"\" \/><\/div>\n              <div class=\"edu-sec-article__content\">\n                <h4>Critical Infrastructure Protection\u200b<\/h4>\n                <p class=\"text-location\">Bridges, City, Highways, Tunnels<\/p>\n                <ul>\n                  <li><span class=\"hwFont\">Hanwha Vision<\/span>\u2019s intelligent AI-enabled multi-sensor, LPR and PTZ cameras help cities secure and optimize the efficiency of critical infrastructure sights, including: <\/li>\n                  <ul>\n                    <li>\u200bRecognizing license plates\u200b\u200b<\/li>\n                    <li>Detecting traffic violations\u200b\u200b<\/li>\n                    <li>Improving pedestrian and cyclist safety \u200b\u200b\u200b<\/li>\n                    <li>Delivering real-time awareness of potentially concerning behaviors (ex. groups of people loitering) <\/li>\n                  <\/ul>\n                  <li>Our technologies support Intelligent Transportation Systems (ITS) by improving visibility across bridges, roads, intersections, tunnels and transit hubs. Through AI-driven analytics, monitoring pedestrians and vehicle traffic in these areas becomes more effective by:<\/li>\n                  <ul>\n                    <li>Government Buildings \u200b<\/li>\n                    <li>Power & Water Utilities\u200b<\/li>\n                    <li>Waste Management Sites\u200b<\/li>\n                    <li>Bridges, Tunnels and Ports <\/li>\n                  <\/ul>\n                  <li>\u200bThese timely insights empower municipalities to allocate resources more efficiently and ensure swift responses to the diverse needs of drivers and pedestrians.<\/li>\n                  <li><a class=\"edu-sec-model-link edu-sec__accent\" href=\"https:\/\/hanwhavisionamerica.com\/blog\/traffic-monitoring-cameras\/\" target=\"_blank\" rel=\"noopener\">See latest article from Hanwha Vision\u2019s industry experts<\/a><\/li>\n                <\/ul>\n              <\/div>\n            <\/article>\n  \n            <article class=\"edu-sec-article\">\n              <div class=\"edu-sec-article__media\"><img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/10.-transport-systems.jpg\" alt=\"\" \/><\/div>\n              <div class=\"edu-sec-article__content\">\n                <h4>Transport Systems<\/h4>\n                <p class=\"text-location\">Buses, Railroads, Subways<\/p>\n                <ul>\n                  <li><span class=\"hwFont\">Hanwha Vision<\/span> technologies are used by many of the world\u2019s largest and busiest public bus, rail, and subway systems. <\/li>\n                  <li>Our NVRs and comprehensive range of compact, AI-enabled Mobile Cameras, are valued by transit leaders and transport security professionals. \u200b<\/li>\n                  <li>\n                    Our <a class=\"edu-sec-model-link edu-sec__accent\" href=\"https:\/\/www.hanwhavision.com\/en\/products\/camera\/network\/A\/tnv-c8014rm\/\" target=\"_blank\" rel=\"noopener\">TNV-C8014RM<\/a> and <a class=\"edu-sec-model-link edu-sec__accent\" href=\"https:\/\/www.hanwhavision.com\/en\/products\/camera\/network\/A\/tnv-c8034rm\/\" target=\"_blank\" rel=\"noopener\">TNV-C8034RM<\/a>, provides robust AI analytics, along with capabilities for color detection of clothing and vehicles, as well as dynamic privacy masking.\u200b\n                    <br \/><br \/> Measuring just 55mm in height, this solution is discreet and ideal for environments with low ceilings, such as buses and trains. for on-board situations, such as in buses or trains.\n                  \u200b<\/li>\n                <\/ul>\n              <\/div>\n            <\/article>\n  \n            <article class=\"edu-sec-article edu-sec-article--stadium\">\n              <div class=\"edu-sec-article__media\"><img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/11.-city-parking.jpg\" alt=\"\" \/><\/div>\n              <div class=\"edu-sec-article__content\">\n                <h4>City Parking<\/h4>\n                <ul>\n                  <li>By using <span class=\"hwFont\">Hanwha Vision<\/span> cameras with advanced AI analytics, cities can enhance their ability to monitor their free public parking spaces and paid, metered parking areas.<\/li>\n                  <li><span class=\"hwFont\">Hanwha Vision<\/span> technologies automatically detect parking violations such as illegal stops, vehicles in restricted zones, or drivers exceeding their allotted time at paid parking spaces.<\/li>\n                  <li>With high-resolution imagery and edge-based analytics, the system captures license plates, timestamps, and assesses vehicle behavior to provide \u201cproof of parking.\u201d Real-time alerts enable city personnel to reduce congestion and safety concerns arising from improper parking.\u200b<\/li>\n                  <li>Together, these capabilities streamline city operations, improve traffic flow, and support fair, consistent parking compliance and penalty enforcement. \u200b<\/li>\n                <\/ul>\n              <\/div>\n            <\/article>\n  \n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n\n<style>\n  #SidePanelEducationAnalytics .module-block {\n    margin-top: 60px !important;\n  }\n\n  #SidePanelEducationAnalytics .section-divider{\n    height: 1px;\n    width: 100%;\n    background: #BDBDBD;\n    margin: 60px 0;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics {\n    --text: #292929;\n    --muted: #666666;\n    --line: #e0e0e0;\n    --accent: #ff6600;\n    font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;\n  }\n  \n  \/* ===== Intro ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__intro {\n    padding-bottom: 24px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__title {\n    margin: 0;\n    font-size: 32px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n  \n  \/* ===== Banner ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__banner {\n    position: relative;\n    margin-bottom: 24px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-image {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 65%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 32px 40px;\n    color: #fff;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay h3 {\n    color: #fff;\n    margin: 0 0 14px;\n    font-size: 22px;\n    line-height: 1.2;\n    font-weight: 600;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay p {\n    color: #BDBDBD;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 24px; \/* 150% *\/\n    letter-spacing: -0.32px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li {\n    position: relative;\n    padding-left: 12px;\n    font-size: 16px;\n    line-height: 20px;\n    margin-bottom: 8px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li::before {\n    content: '\u2022';\n    position: absolute;\n    left: 0;\n    color: var(--accent);\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li > ul {\n    margin: 6px 0 0;\n    padding: 0 0 0 8px;\n    list-style: none;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li > ul > li {\n    font-size: 14px;\n    line-height: 1.5;\n    color: #BDBDBD;\n    padding-left: 0;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li > ul > li::before {\n    display: none;\n  }\n  \n  \/* ===== Detection Grid ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__detection {\n    margin-bottom: 40px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__detection-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    border-top: 1px solid var(--Seashell-300, #BDBDBD);\n    border-bottom: 1px solid var(--Seashell-300, #BDBDBD);\n    background: var(--Seashell-50, #F8F8F8);\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__detection-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n    padding: 28px 32px;\n    background: var(--Seashell-50, #F8F8F8);\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__detection-icon {\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    background: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__detection-icon img {\n    width: 60px;\n    height: 60px;\n    object-fit: contain;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__detection-content h4 {\n    margin: 0 0 6px;\n    font-size: 16px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__detection-content p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.5;\n    color: var(--muted);\n  }\n  \n  \/* ===== Divider ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__divider {\n    width: 100%;\n    height: 1px;\n    background: var(--Seashell-300, #BDBDBD);\n    margin: 24px 0;\n    opacity: 1;\n  }\n  \n  \/* ===== Section Title ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__section-title {\n    margin: 0 0 24px;\n    font-size: 22px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__section-second-title {\n    margin: 0 0 20px;\n    font-size: 22px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n  \n  \/* ===== Orange Title ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__orange-title {\n    margin: 0 0 12px;\n    font-size: 18px;\n    line-height: 1.4;\n    color: var(--accent);\n    font-weight: 700;\n  }\n  \n  \/* ===== Camera Section ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__camera-section {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: flex-start;\n    margin-bottom: 32px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__camera-content ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__camera-content li {\n    position: relative;\n    padding-left: 12px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n    margin-bottom: 10px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__camera-content li::before {\n    content: '\u2022';\n    position: absolute;\n    left: 0;\n    color: var(--text);\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__camera-images {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 12px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__camera-images > img {\n    max-width: 280px;\n    height: auto;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__certifications {\n    display: flex;\n    gap: 12px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__certifications img {\n    height: 32px;\n    width: auto;\n  }\n  \n  \/* ===== Metadata Section ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__metadata-section {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: center;\n    margin-bottom: 32px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__metadata-image img {\n    width: 100%;\n    height: auto;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__slider-dots {\n    display: flex;\n    justify-content: center;\n    gap: 6px;\n    margin-top: 12px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__slider-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: #d9d9d9;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__slider-dot.active {\n    background: #333;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__metadata-text p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n  \n  \/* ===== Attribute Grid ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__attribute-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    border-top: 1px solid var(--Seashell-300, #BDBDBD);\n    border-bottom: 1px solid var(--Seashell-300, #BDBDBD);\n    background: #F8F8F8;\n    margin-bottom: 40px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__attribute-card {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    padding: 24px 28px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__attribute-icon {\n    flex-shrink: 0;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__attribute-icon img {\n    width: 44px;\n    height: 44px;\n    object-fit: contain;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__attribute-content h5 {\n    margin: 0 0 8px;\n    font-size: 15px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__attribute-content ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__attribute-content li {\n    position: relative;\n    padding-left: 10px;\n    font-size: 13px;\n    line-height: 1.5;\n    color: var(--muted);\n    margin-bottom: 4px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__attribute-content li::before {\n    content: '\u2022';\n    position: absolute;\n    left: 0;\n    color: #999;\n  }\n  \n  \/* ===== Audio Section ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__audio-intro {\n    margin: 0 0 24px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__audio-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: start;\n    margin-bottom: 32px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__audio-image img {\n    width: 100%;\n    height: auto;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__audio-label {\n    margin: 0 0 8px;\n    font-size: 14px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 600;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__audio-text ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__audio-text li {\n    position: relative;\n    padding-left: 12px;\n    font-size: 14px;\n    line-height: 1.6;\n    color: var(--muted);\n    margin-bottom: 8px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__audio-text li::before {\n    content: '\u2022';\n    position: absolute;\n    left: 0;\n    color: var(--accent);\n  }\n\n\n \n\/* ===== Link Button (Outline) ===== *\/\n#SidePanelEducationAnalytics .privacy-link-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 20px;\n  margin-top: 28px;\n  border: 1px solid #FF6600;\n  background: transparent;\n  color: #FF6600;\n  text-decoration: none;\n  font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n  letter-spacing: -0.28px;\n  transition: background-color 0.25s ease, color 0.25s ease;\n  cursor: pointer;\n}\n\n#SidePanelEducationAnalytics .privacy-link-btn:hover {\n  background: #FF6600;\n  color: #fff;\n}\n#SidePanelEducationAnalytics .privacy-link-btn:hover svg path {\n  fill: #fff;\n}\n#SidePanelEducationAnalytics .privacy-link-btn svg {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n}\n\n\n  \n  #SidePanelEducationAnalytics .edu-analytics__link {\n    color: var(--accent);\n    text-decoration: none;\n    font-weight: 500;\n    text-decoration-line: underline;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__link:hover {\n    color: var(--accent);\n    text-decoration-thickness: 2px;\n  }\n  \n  \/* ===== Footer ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__footer {\n    width: 100%;\n    height: 100%;\n    padding-bottom: 20%;\n    background-image: url('https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/image-334.png');\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n  }\n  \n  \/* ===== Mobile ===== *\/\n  @media screen and (max-width: 1300px) {\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay {\n      position: static;\n      width: 100%;\n      padding: 24px 0 0;\n      color: var(--text);\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay h3 {\n      color: #292929;\n      font-size: 22px;\n      line-height: 1.4;\n      margin: 0 0 14px;\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay p {\n      color: #525252;\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li {\n      color: #525252;\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li > ul > li {\n      color: #666;\n    }\n\n  }\n  \n  \/* ===== Mobile ===== *\/\n  @media screen and (max-width: 768px) {\n    #SidePanelEducationAnalytics .section-divider{\n      height: 1px;\n      width: 100%;\n      background: #BDBDBD;\n      margin: 40px 0;\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__title {\n      font-size: 24px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__banner {\n      display: flex;\n      flex-direction: column;\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay {\n      position: static;\n      width: 100%;\n      padding: 24px 0 0;\n      color: var(--text);\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay h3 {\n      color: #292929;\n      font-size: 22px;\n      line-height: 1.4;\n      margin: 0 0 14px;\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay p {\n      color: #525252;\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li {\n      color: #525252;\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li > ul > li {\n      color: #666;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__detection-grid {\n      grid-template-columns: 1fr;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__detection-item {\n      padding: 20px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__detection-icon {\n      width: 56px;\n      height: 56px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__detection-icon img {\n      width: 28px;\n      height: 28px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__section-title {\n      font-size: 18px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__orange-title {\n      font-size: 16px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__camera-section {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__camera-images {\n      align-items: center;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__camera-images > img {\n      max-width: 100%;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__metadata-section {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__attribute-grid {\n      grid-template-columns: 1fr;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__attribute-card {\n      padding: 20px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__audio-content {\n      grid-template-columns: 1fr;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__footer {\n      min-height: 191px;\n      padding-bottom: 40%;\n      background-image: url('https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/image-335.png');\n    }\n  }\n  \n  \/* ===== Brand Font ===== *\/\n  #SidePanelEducationAnalytics .hwFont {\n    font-weight: 700;\n  }\n  <\/style>\n  \n  <div class=\"side-panel info-side-panel edu-analytics-panel\" id=\"SidePanelEducationAnalytics\" style=\"display: none\">\n    <div class=\"panel-backdrop\"><\/div>\n  \n    <div class=\"panel-wrapper\">\n      <div class=\"panel-header\">\n        <button class=\"btn-action panel-close-btn\" aria-label=\"Close\">\n          <span class=\"icon-font icon-cross\"><\/span>\n        <\/button>\n      <\/div>\n  \n      <div class=\"panel-body\">\n        <div class=\"panel-body-container edu-analytics\">\n          <header class=\"edu-analytics__intro\">\n            <h2 class=\"h1 edu-analytics__title\">Smart Analytics<\/h2>\n          <\/header>\n  \n          <section class=\"edu-analytics__banner\">\n            <picture>\n              <source media=\"(max-width: 768px)\" srcset=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/01.-BG_MO.png\" \/>\n              <img decoding=\"async\" class=\"edu-analytics__banner-image\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/01.-BG_PC.png\" alt=\"\ub77c\uc774\uc13c\uc2a4 \ud504\ub9ac \uc601\uc0c1 \ubc0f \uc624\ub514\uc624 \ubd84\uc11d\" \/>\n            <\/picture>\n            <div class=\"edu-analytics__banner-overlay\">\n              <h3>Increasing situational awareness<\/h3>\n              <p><span class=\"hwFont\">Hanwha Vision<\/span>\u2019s licence-free intelligent video and audio analytics technology operates on the edge, alerting operators to abnormal activities in real time. This increase in situational awareness can help to prevent or minimise damage or harm during an event by prompting a rapid and efficient response.\u200b<\/p>\n            <\/div>\n          <\/section>\n  \n          <section class=\"edu-analytics__detection\">\n            <div class=\"edu-analytics__detection-grid\">\n              <div class=\"edu-analytics__detection-item\">\n                <div class=\"edu-analytics__detection-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_face-detection-1.png\" alt=\"\uc5bc\uad74 \uac10\uc9c0\" \/>\n                <\/div>\n                <div class=\"edu-analytics__detection-content\">\n                  <h4>Face Detection<\/h4>\n                  <p>Identifies key facial features and issues alerts when a face is present<\/p>\n                <\/div>\n              <\/div>\n  \n              <div class=\"edu-analytics__detection-item\">\n                <div class=\"edu-analytics__detection-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_intrusion-detection-1.png\" alt=\"\uce68\uc785 \uac10\uc9c0\" \/>\n                <\/div>\n                <div class=\"edu-analytics__detection-content\">\n                  <h4>Intrusion Detection<\/h4>\n                  <p>Triggers an event when movement is detected in a designated virtual zone<\/p>\n                <\/div>\n              <\/div>\n  \n              <div class=\"edu-analytics__detection-item\">\n                <div class=\"edu-analytics__detection-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_Virtual-line-crossing-detection-1.png\" alt=\"\uac00\uc0c1 \ub77c\uc778 \uad50\ucc28 \uac10\uc9c0\" \/>\n                <\/div>\n                <div class=\"edu-analytics__detection-content\">\n                  <h4>Virtual Line Crossing Detection<\/h4>\n                  <p>Triggers an alarm when objects are detected crossing a pre-defined virtual line or perimeter<\/p>\n                <\/div>\n              <\/div>\n  \n              <div class=\"edu-analytics__detection-item\">\n                <div class=\"edu-analytics__detection-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_Exit_Enter-Detection-1.png\" alt=\"\ucd9c\uc785 \uac10\uc9c0\" \/>\n                <\/div>\n                <div class=\"edu-analytics__detection-content\">\n                  <h4>Exit\/Enter Detection<\/h4>\n                  <p>Detection of objects entering or exiting a designated area<\/p>\n                <\/div>\n              <\/div>\n  \n              <div class=\"edu-analytics__detection-item\">\n                <div class=\"edu-analytics__detection-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_Loitering-Detection-1.png\" alt=\"\ubc30\ud68c \uac10\uc9c0\" \/>\n                <\/div>\n                <div class=\"edu-analytics__detection-content\">\n                  <h4>Loitering Detection<\/h4>\n                  <p>Triggers an event when an object enters and rests in a designated virtual zone<\/p>\n                <\/div>\n              <\/div>\n  \n              <div class=\"edu-analytics__detection-item\">\n                <div class=\"edu-analytics__detection-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_Appear_disappear-detection-1.png\" alt=\"\uac1d\uccb4 \uc785\uc7a5\/\ud1f4\uc7a5 \uac10\uc9c0\" \/>\n                <\/div>\n                <div class=\"edu-analytics__detection-content\">\n                  <h4>Appear\/Disappear Detection<\/h4>\n                  <p>Detects the appearance or disappearance of an item in a designated virtual zone<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/section>\n  \n          <section class=\"edu-analytics__block\">\n\n            \n            <article class=\"edu-analytics__audio-section\">\n              <div class=\"edu-analytics__audio-content\">\n                <div class=\"edu-analytics__audio-text\">\n                  <h4 class=\"edu-analytics__orange-title\">People counting and crowd control<\/h4>\n                  <p class=\"edu-analytics__audio-label\">Benefits : <\/p>\n                  <ul>\n                    <li>Control the number of people on premises, from buildings to waiting rooms<\/li>\n                    <li>Supports multiple entrances and exits<\/li>\n                    <li>Highly accurate people counting solution<\/li>\n                    <li>Easy to set up, serverless yet scalable<\/li>\n                  <\/ul>\n           <a class=\"privacy-link-btn\" href=\"https:\/\/www.hanwhavision.com\/en\/technology\/ai-based-analytics\/\" target=\"_blank\" rel=\"noopener\">\n            <span>Learn more<\/span>\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#FF6600\"\/>\n            <\/svg>\n          <\/a>\n                <\/div>\n\n                <div class=\"edu-analytics__audio-image\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/02.-people-counting.jpg\" alt=\"\uad70\uc911 \uc81c\uc5b4\" \/>\n                <\/div>\n\n              <\/div>\n            <\/article>\n\n<div class=\"section-divider\"><\/div>\n\n            <h3 class=\"edu-analytics__section-second-title\">Intelligent Audio<\/h3>\n            \n            <article class=\"edu-analytics__audio-section\">\n              <div class=\"edu-analytics__audio-content\">\n                <div class=\"edu-analytics__audio-image\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/smart-analytics-BG_EN.jpg\" alt=\"IP \uc624\ub514\uc624 \uc2dc\uc2a4\ud15c\" \/>\n                <\/div>\n                <div class=\"edu-analytics__audio-text\">\n                  <h4 class=\"edu-analytics__orange-title\">IP Audio System<\/h4>\n                  <p class=\"edu-analytics__audio-label\">Benefits : <\/p>\n                  <ul>\n                    <li>Link with video surveillance for an integrated solution that takes advantage of video analytics<\/li>\n                    <li>Broadcast real-time or scheduled text to speech or audio file messages, or directly use a microphone control keyboard<\/li>\n                    <li>Manage people flow across premises<\/li>\n                    <li><a href=\"https:\/\/www.hanwhavision.com\/en\/products\/ip_audio\/speaker\/\" class=\"edu-analytics__link\" target=\"_blank\" rel=\"noopener\">View the full range here<\/a><\/li>\n                  <\/ul>\n                <\/div>\n              <\/div>\n            <\/article>\n  \n            <footer class=\"edu-analytics__footer\"><\/footer>\n  \n            <div class=\"module-block\">&nbsp;<\/div>\n          <\/section>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n\n<style>\n  #SidePanelEducationVMS .module-block {\n    margin-top: 60px !important;\n  }\n\n  #SidePanelEducationVMS .edu-vms {\n    --text: #292929;\n    --muted: #666666;\n    --line: #BDBDBD;\n    --accent: #ff6600;\n    --bg-dark: #1a1a1a;\n    font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;\n  }\n\n  \/* ===== Intro ===== *\/\n  #SidePanelEducationVMS .edu-vms__intro {\n    padding-bottom: 24px;\n  }\n\n  #SidePanelEducationVMS .edu-vms__title {\n    margin: 0 0 16px;\n    font-size: 32px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n\n  #SidePanelEducationVMS .edu-vms__desc {\n    margin: 0;\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n\n  #SidePanelEducationVMS .edu-cyber__data-section {\n    padding: 8px 0 52px 0;\n    text-align: center;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__data-title {\n    margin: 0 0 16px;\n    font-size: 24px;\n    line-height: 1.4;\n    color: var(--accent);\n    font-weight: 700;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__data-desc {\n    margin: 0 0 32px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n\n  #SidePanelEducationVMS .edu-cyber__data-image {\n    width: 100%;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__data-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__compliance {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 48px;\n    text-align: center;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__compliance-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__compliance-logo {\n    height: 120px;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__compliance-logo img {\n    max-height: 100%;\n    width: auto;\n    object-fit: contain;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__compliance-title {\n    margin: 0 0 12px;\n    font-size: 18px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__compliance-desc {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n\n  \/* ===== Dark Card ===== *\/\n  #SidePanelEducationVMS .edu-vms__dark-card {\n    background: #F8F8F8;\n    padding: 32px;\n    margin-bottom: 32px;\n    container-type: inline-size;\n  }\n\n  #SidePanelEducationVMS .edu-vms__card-title {\n    margin: 0 0 16px;\n    font-size: 22px;\n    line-height: 1.4;\n    color: var(--accent);\n    font-weight: 700;\n  }\n\n  #SidePanelEducationVMS .edu-vms__card-desc {\n    margin: 0 0 12px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: #525252;\n  }\n\n  \/* ===== WAVE Split Layout ===== *\/\n  #SidePanelEducationVMS .edu-vms__wave-split {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: start;\n    margin-top: 8px;\n  }\n\n  #SidePanelEducationVMS .edu-vms__wave-left {\n    display: flex;\n    flex-direction: column;\n  }\n\n\/* \uc88c\uce21 \uceec\ub7fc \ub0b4 \ud30c\ud2b8\ub108 \ubc84\ud2bc: grid \ub300\uc2e0 flex column *\/\n#SidePanelEducationVMS .edu-vms__wave-left .edu-vms__partners {\n  margin-top: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  grid-template-columns: none;\n}\n\n\/* \uc6b0\uce21 \uceec\ub7fc \uac00\uc6b4\ub370 \uc815\ub82c *\/\n#SidePanelEducationVMS .edu-vms__wave-right {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n\n  #SidePanelEducationVMS .edu-vms__os-icons {\n    display: flex;\n    gap: 8px;\n  }\n\n  #SidePanelEducationVMS .edu-vms__os-icons img {\n    width: 28px;\n    height: 28px;\n    object-fit: contain;\n  }\n\n  #SidePanelEducationVMS .edu-vms__os-label {\n    font-size: 12px;\n    line-height: 1.4;\n    color: #7c7c7c;\n    font-weight: 500;\n    white-space: nowrap;\n  }\n\n  #SidePanelEducationVMS .edu-vms__wave-hero {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  \/* ===== Partner Buttons ===== *\/\n  #SidePanelEducationVMS .edu-vms__partners {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\n    gap: 16px;\n  }\n\n  #SidePanelEducationVMS .edu-vms__partners .body-button-box {\n    text-decoration: none;\n    background: #fff;\n    border-radius: 6px;\n    display: flex;\n    height: 72px;\n    padding: 8px 24px;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  #SidePanelEducationVMS .edu-vms__partners .body-button-box img {\n    height: 28px;\n    object-fit: contain;\n    flex-shrink: 0;\n  }\n\n  #SidePanelEducationVMS .edu-vms__partners .learnmore-box {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    flex-shrink: 0;\n  }\n\n  #SidePanelEducationVMS .edu-vms__partners .learnmore-box p {\n    margin: 0;\n    color: #F60;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    line-height: 1.4;\n    white-space: nowrap;\n  }\n\n  #SidePanelEducationVMS .edu-vms__partners .learnmore-box svg {\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n  }\n\n  #SidePanelEducationVMS .edu-vms__partners .body-button-box:hover {\n    cursor: pointer;\n  }\n\n  \/* ===== Divider ===== *\/\n  #SidePanelEducationVMS .edu-vms__divider {\n    width: 100%;\n    height: 1px;\n    background: var(--line);\n    margin: 40px 0;\n  }\n\n  \/* ===== Section Title ===== *\/\n  #SidePanelEducationVMS .edu-vms__section-title {\n    margin: 0 0 24px;\n    font-size: 28px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n\n  \/* ===== Wisestream Section ===== *\/\n  #SidePanelEducationVMS .edu-vms__wisestream-card {\n    background: var(--bg-dark);\n    padding: 32px;\n  }\n\n  #SidePanelEducationVMS .edu-vms__wisestream-title {\n    margin: 0 0 24px;\n    font-size: 20px;\n    line-height: 1.4;\n    color: #292929;\n    font-weight: 700;\n  }\n\n  #SidePanelEducationVMS .edu-vms__wisestream-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: start;\n  }\n\n  #SidePanelEducationVMS .edu-vms__wisestream-image {\n    width: 100%;\n    height: auto;\n  }\n\n  #SidePanelEducationVMS .edu-vms__wisestream-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  #SidePanelEducationVMS .edu-vms__wisestream-list li {\n    position: relative;\n    padding-left: 12px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: #525252;\n    margin-bottom: 16px;\n  }\n\n  #SidePanelEducationVMS .edu-vms__wisestream-list li::before {\n    content: '\u2022';\n    position: absolute;\n    left: 0;\n    color: var(--accent);\n  }\n\n  \/* ===== Mobile ===== *\/\n  @media screen and (max-width: 768px) {\n    #SidePanelEducationVMS .edu-vms__title {\n      font-size: 28px;\n    }\n\n    #SidePanelEducationVMS .edu-vms__dark-card {\n      padding: 24px 20px;\n    }\n\n    #SidePanelEducationVMS .edu-vms__card-title {\n      font-size: 18px;\n    }\n\n    #SidePanelEducationVMS .edu-vms__wave-split {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n\n    #SidePanelEducationVMS .edu-vms__wave-right {\n      align-items: center;\n    }\n\n    #SidePanelEducationVMS .edu-vms__section-title {\n      font-size: 28px;\n    }\n\n    #SidePanelEducationVMS .edu-vms__wisestream-card {\n      padding: 24px 20px;\n    }\n\n    #SidePanelEducationVMS .edu-vms__wisestream-title {\n      font-size: 18px;\n    }\n\n    #SidePanelEducationVMS .edu-vms__wisestream-content {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n\n    #SidePanelEducationVMS .edu-cyber__data-section {\n      padding: 32px 0;\n    }\n\n    #SidePanelEducationVMS .edu-cyber__data-title {\n      font-size: 20px;\n    }\n\n    #SidePanelEducationVMS .edu-cyber__compliance {\n      grid-template-columns: 1fr;\n      gap: 40px;\n    }\n  }\n\n  \/* ===== Brand Font ===== *\/\n  #SidePanelEducationVMS .hwFont {\n    font-weight: 700;\n  }\n<\/style>\n\n<div class=\"side-panel info-side-panel edu-vms-panel\" id=\"SidePanelEducationVMS\" style=\"display: none\">\n  <div class=\"panel-backdrop\"><\/div>\n\n  <div class=\"panel-wrapper\">\n    <div class=\"panel-header\">\n      <button class=\"btn-action panel-close-btn\" aria-label=\"Close\">\n        <span class=\"icon-font icon-cross\"><\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"panel-body\">\n      <div class=\"panel-body-container edu-vms\">\n        <header class=\"edu-vms__intro\">\n          <h2 class=\"edu-vms__title\">Simplifying City Surveillance With Scalable VMS Solutions\u200b<\/h2>\n        <\/header>\n\n        <!-- \u2550\u2550 WAVE VMS Dark Card (\uc218\uc815\ub428) \u2550\u2550 -->\n        <section class=\"edu-vms__dark-card\">\n          <h3 class=\"edu-vms__card-title\">Wisenet WAVE VMS<\/h3>\n\n          <p class=\"edu-vms__card-desc\">From single districts to large, city-wide deployments, <span class=\"hwFont\">Hanwha Vision<\/span>'s Wisenet Wave offers a secure video-management systems with remote access capabilities that is built for scalability.<\/p>\n\n          <p class=\"edu-vms__card-desc\">Lightweight and easy to setup, it can support up to 128 IP video streams per server, and fully integrates with <span class=\"hwFont\">Hanwha Vision<\/span>'s Wisenet NVR and IP camera video and audio analytics.<\/p>\n\n          <div class=\"edu-vms__wave-split\">\n            <div class=\"edu-vms__wave-left\">\n              <p class=\"edu-vms__card-desc\">Enables easy integration with other popular VMS solutions from <span class=\"hwFont\">Hanwha Vision<\/span> partners, as well access control, emergency alert systems, and other communication tools.<\/p>\n\n              <p class=\"edu-vms__card-desc\">This flexibility allows cities to grow and adapt their infrastructure without the inconvenience of vendor lock in.<\/p>\n\n              <div class=\"edu-vms__partners\">\n                <a class=\"body-button-box\" href=\"https:\/\/www.hanwhavision.com\/en\/products\/software\/analytics\/A\/hanwha-plug-in-for-milestone\/\" target=\"_blank\" rel=\"noopener\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/04\/logo-milestone.png\" alt=\"milestone\" \/>\n                  <div class=\"learnmore-box\">\n                    <p>Learn More<\/p>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\n                      <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#FF6600\"\/>\n                    <\/svg>\n                  <\/div>\n                <\/a>\n\n                <a class=\"body-button-box\" href=\"https:\/\/www.hanwhavision.com\/en\/products\/software\/analytics\/A\/hanwha-plug-in-for-genetec\/\" target=\"_blank\" rel=\"noopener\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/04\/logo-genetec-1.png\" alt=\"Genetec\" \/>\n                  <div class=\"learnmore-box\">\n                    <p>Learn More<\/p>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\n                      <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#FF6600\"\/>\n                    <\/svg>\n                  <\/div>\n                <\/a>\n              <\/div>\n            <\/div>\n\n            <div class=\"edu-vms__wave-right\">\n              <img decoding=\"async\" class=\"edu-vms__wave-hero\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/city-surveillance-WAVE-\u1106\u1169\u110b\u1173\u11b7_EN.png\" alt=\"Wisenet WAVE VMS\" \/>\n            <\/div>\n          <\/div>\n        <\/section>\n\n        <hr class=\"edu-vms__divider\" \/>\n\n        <section>\n          <h3 class=\"edu-vms__section-title\">Reduce bandwidth requirements from the latest compression technologies (WiseStream III)\u200b<\/h3>\n\n          <h4 class=\"edu-vms__wisestream-title\">Reduce storage bandwidth with intelligent compression<\/h4>\n\n          <div class=\"edu-vms__wisestream-content\">\n            <div class=\"edu-vms__wisestream-image-wrap\">\n              <img decoding=\"async\" class=\"edu-vms__wisestream-image\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/02\/Bandwidth-wisestreamIII.jpg\" alt=\"\uc2a4\ub9c8\ud2b8 \uc555\ucd95 \uae30\uc220\" \/>\n            <\/div>\n            <ul class=\"edu-vms__wisestream-list\">\n              <li>Using AI-based smart compression technology, WiseStream III reduces bandwidth impact while delivering high resolution video data. <span class=\"hwFont\">Hanwha Vision<\/span>\u2019s enhanced compression technology significantly reduces bandwidth, enabling users to efficiently process more high-quality footage without installing additional network and storage devices.<\/li>\n              <li>WiseStream III identifies major objects and selectively applies compression rates depending on the significance of objects in the video. By analyzing motion in video, WiseStream III applies different compression rates on static and dynamic areas in the video for bandwidth reduction, and only delivers full resolution data for objects that matter.<\/li>\n            <\/ul>\n          <\/div>\n        <\/section>\n\n        <div class=\"module-block\">&nbsp;<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<style>\n  #SidePanelEducationCloud .module-block {\n    margin-top: 60px !important;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud {\n    --text: #292929;\n    --muted: #666666;\n    --line: #BDBDBD;\n    --accent: #ff6600;\n    font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;\n  }\n  \n  \/* ===== Intro ===== *\/\n  #SidePanelEducationCloud .edu-cloud__intro {\n    padding-bottom: 24px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__title {\n    margin: 0 0 16px;\n    font-size: 32px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__desc-list {\n    margin: 0;\n    padding-left: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__desc-list li {\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n  \n  \/* ===== Features Box ===== *\/\n  #SidePanelEducationCloud .edu-cloud__features {\n    border-top: 1px solid var(--line);\n    border-bottom: 1px solid var(--line);\n    background: #F8F8F8;\n    padding: 32px;\n    margin-bottom: 32px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__features-title {\n    margin: 0 0 24px;\n    font-size: 18px;\n    line-height: 1.4;\n    color: var(--accent);\n    font-weight: 700;\n    text-align: center;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__features-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px 32px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__feature-item {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__feature-icon {\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    background: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__feature-icon img {\n    width: 32px;\n    height: 32px;\n    object-fit: contain;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__feature-text {\n    font-size: 15px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 500;\n  }\n  \n  \/* ===== OnCAFE Section ===== *\/\n  #SidePanelEducationCloud .edu-cloud__oncafe {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: center;\n    padding-bottom: 32px;\n    border-bottom: 1px solid var(--line);\n    margin-bottom: 32px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__oncafe-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__section-title {\n    margin: 0 0 16px;\n    font-size: 20px;\n    line-height: 1.4;\n    color: var(--accent);\n    font-weight: 700;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__section-title--underline {\n    text-decoration: underline;\n    text-underline-offset: 4px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__list {\n    margin: 0;\n    padding-left: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__list li {\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__list li .accent {\n    font-weight: 700;\n  }\n  \n  \/* ===== OnCloud Section ===== *\/\n  #SidePanelEducationCloud .edu-cloud__oncloud {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: center;\n    margin-bottom: 32px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__oncloud-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n  \n  \/* ===== Notice Banner ===== *\/\n  #SidePanelEducationCloud .edu-cloud__notice {\n    background: #292929;\n    padding: 20px 32px;\n    text-align: center;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__notice p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.6;\n    color: #fff;\n  }\n  \n  \/* ===== Mobile ===== *\/\n  @media screen and (max-width: 768px) {\n    #SidePanelEducationCloud .edu-cloud__title {\n      font-size: 24px;\n    }\n  \n    #SidePanelEducationCloud .edu-cloud__features {\n      padding: 24px 20px;\n    }\n  \n    #SidePanelEducationCloud .edu-cloud__features-grid {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n  \n    #SidePanelEducationCloud .edu-cloud__oncafe {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n  \n    #SidePanelEducationCloud .edu-cloud__oncloud {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n  \n    #SidePanelEducationCloud .edu-cloud__oncloud-content {\n      order: 1;\n    }\n  \n    #SidePanelEducationCloud .edu-cloud__oncloud-image {\n      order: 2;\n    }\n  \n    #SidePanelEducationCloud .edu-cloud__notice {\n      padding: 16px 20px;\n    }\n  }\n  \n  \/* ===== Brand Font ===== *\/\n  #SidePanelEducationCloud .hwFont {\n    font-weight: 700;\n  }\n  <\/style>\n  \n  <div class=\"side-panel info-side-panel edu-cloud-panel\" id=\"SidePanelEducationCloud\" style=\"display: none\">\n    <div class=\"panel-backdrop\"><\/div>\n  \n    <div class=\"panel-wrapper\">\n      <div class=\"panel-header\">\n        <button class=\"btn-action panel-close-btn\" aria-label=\"Close\">\n          <span class=\"icon-font icon-cross\"><\/span>\n        <\/button>\n      <\/div>\n  \n      <div class=\"panel-body\">\n        <div class=\"panel-body-container edu-cloud\">\n          <header class=\"edu-cloud__intro\">\n            <h2 class=\"edu-cloud__title\">Cloud Solutions<\/h2>\n            <ul class=\"edu-cloud__desc-list\">\n              <li><span class=\"hwFont\">Hanwha Vision<\/span>\u2019s innovative cloud solutions \u2013 OnCAFE and OnCloud \u2013 offer schools flexible and affordable security enhancements without high infrastructure costs.<\/li>\n              <li>These cloud-based platforms addresses specific needs like access control and video surveillance, and serve as valuable, complementary resources for educational settings.<\/li>\n            <\/ul>\n          <\/header>\n  \n          <section class=\"edu-cloud__features\">\n            <h3 class=\"edu-cloud__features-title\">Key End-user Benefits<\/h3>\n            <div class=\"edu-cloud__features-grid\">\n              <div class=\"edu-cloud__feature-item\">\n                <div class=\"edu-cloud__feature-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_Cost-reduction.png\" alt=\"\ube44\uc6a9 \uc808\uac10\" \/>\n                <\/div>\n                <span class=\"edu-cloud__feature-text\">Cost Resuction<\/span>\n              <\/div>\n              <div class=\"edu-cloud__feature-item\">\n                <div class=\"edu-cloud__feature-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_easy-managementintegration.png\" alt=\"\uc190\uc26c\uc6b4 \uad00\ub9ac \ubc0f \ud1b5\ud569\" \/>\n                <\/div>\n                <span class=\"edu-cloud__feature-text\">Easy Management & Integration<\/span>\n              <\/div>\n              <div class=\"edu-cloud__feature-item\">\n                <div class=\"edu-cloud__feature-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_Scalability.png\" alt=\"\ud655\uc7a5\uc131\" \/>\n                <\/div>\n                <span class=\"edu-cloud__feature-text\"> Scalability<\/span>\n              <\/div>\n              <div class=\"edu-cloud__feature-item\">\n                <div class=\"edu-cloud__feature-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_cybersecurity.png\" alt=\"\uc0ac\uc774\ubc84\ubcf4\uc548\" \/>\n                <\/div>\n                <span class=\"edu-cloud__feature-text\">Cybersecurity<\/span>\n              <\/div>\n            <\/div>\n          <\/section>\n  \n          <section class=\"edu-cloud__oncafe\">\n            <div class=\"edu-cloud__oncafe-image\">\n              <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/OnCafe-1.jpg\" alt=\"OnCAFE - \ubaa8\ub4e0 \uc561\uc138\uc2a4 \ud3ec\uc778\ud2b8\ub97c \uc544\uc6b0\ub974\ub294 \ud558\ub098\uc758 \uc2a4\ub9c8\ud2b8 \uc2dc\uc2a4\ud15c\" \/>\n            <\/div>\n            <div class=\"edu-cloud__oncafe-content\">\n              <h3 class=\"edu-cloud__section-title\">OnCAFE<\/h3>\n              <ul class=\"edu-cloud__list\">\n                <li>An innovative, cloud-hosted Access Control as-a-Service platform.<\/li>\n                <li>Simplifies deployment and management of users, devices, and credentials by eliminating the need for on-site servers and expensive infrastructure.<\/li>\n                <li>Open API integrates with <span class=\"hwFont\">Hanwha Vision<\/span>\u2019s WAVE VMS and OnCloud, enabling unified video + access control.<\/li>\n              <\/ul>\n            <\/div>\n          <\/section>\n  \n          <section class=\"edu-cloud__oncloud\">\n            <div class=\"edu-cloud__oncloud-content\">\n              <h3 class=\"edu-cloud__section-title edu-cloud__section-title--underline\">OnCloud<\/h3>\n              <ul class=\"edu-cloud__list\">\n                <li>A direct camera-to-cloud VMS, OnCloud eliminates the costs associated with local recorders and helps facilitate centralized surveillance monitoring across multiple locations.<\/li>\n                <li><span class=\"accent\">Today, OnCloud natively supports over 90 <span class=\"hwFont\">Hanwha Vision<\/span> camera models in a variety of form factors.<\/span><\/li>\n                <li><span class=\"accent\">For schools with limited IT staff, OnCloud is a cost-effective and ideal solution, with upgrades storage, and management all Seamlessly in the cloud.<span><\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"edu-cloud__oncloud-image\">\n              <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/OnCloud-1.jpg\" alt=\"OnCloud - \uc5b8\uc81c \uc5b4\ub514\uc11c\ub098 \ubaa8\ub4e0 \uce74\uba54\ub77c\u00b7\uc704\uce58\u00b7\uc601\uc0c1\uc744 \uad00\ub9ac\ud558\uc138\uc694.\" \/>\n            <\/div>\n          <\/section>\n  \n          <div class=\"edu-cloud__notice\">\n            <p>OnCloud and OnCAFE are currently available exclusively in North America,<span>with plans to expand to additional regions in the future.<\/span><\/p>\n          <\/div>\n  \n          <div class=\"module-block\">&nbsp;<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n\n<style>\n  \/* ===== Cybersecurity Section ===== *\/\n  .city-cyber {\n    --text: #292929;\n    --muted: #525252;\n    --accent: #FF6600;\n    font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;\n    background: #F8F8F8;\n    padding: 32px;\n    container-type: inline-size;\n    margin-top: 48px;\n  }\n  \/* ===== Subtitle ===== *\/\n  .city-cyber__subtitle {\n    margin: 0 0 16px;\n    font-size: 24px;\n    line-height: 1.4;\n    color: var(--accent);\n    font-weight: 700;\n    text-align: center;\n  }\n  \/* ===== Description (PC: paragraph \/ MO: bullet list) ===== *\/\n  .city-cyber__desc--pc {\n    margin: 0 0 32px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n    text-align: center;\n  }\n  .city-cyber__desc--mo {\n    display: none;\n    margin: 0 0 32px;\n    padding: 0 0 0 20px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n  .city-cyber__desc--mo li {\n    margin-bottom: 12px;\n  }\n  .city-cyber__desc--mo li:last-child {\n    margin-bottom: 0;\n  }\n  \/* ===== Hero Image ===== *\/\n  .city-cyber__hero {\n    margin-bottom: 48px;\n  }\n  .city-cyber__hero img {\n    width: 100%;\n    height: auto;\n  }\n  .city-cyber__hero .city-cyber__hero-pc {\n    display: block;\n  }\n  .city-cyber__hero .city-cyber__hero-mo {\n    display: none;\n  }\n  \/* ===== Compliance Grid ===== *\/\n  .city-cyber__compliance {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 48px;\n    text-align: center;\n  }\n  .city-cyber__compliance-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n  .city-cyber__compliance-logo {\n    height: 120px;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .city-cyber__compliance-logo img {\n    max-height: 100%;\n    width: auto;\n    object-fit: contain;\n  }\n  .city-cyber__compliance-title {\n    margin: 0 0 12px;\n    font-size: 18px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n  .city-cyber__compliance-desc {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n  \/* ===== Brand Font ===== *\/\n  .city-cyber .hwFont {\n    font-weight: 700;\n  }\n  \/* ===== Mobile ===== *\/\n  @media screen and (max-width: 768px) {\n    .city-cyber {\n      padding: 24px 20px;\n      margin-top: 20px;\n    }\n    .city-cyber__subtitle {\n      font-size: 20px;\n      text-align: left;\n    }\n    .city-cyber__desc--pc {\n      display: none;\n    }\n    .city-cyber__desc--mo {\n      display: block;\n    }\n    .city-cyber__hero .city-cyber__hero-pc {\n      display: none;\n    }\n    .city-cyber__hero .city-cyber__hero-mo {\n      display: block;\n    }\n    .city-cyber__hero {\n      margin-bottom: 32px;\n    }\n    .city-cyber__compliance {\n      grid-template-columns: 1fr;\n      gap: 40px;\n    }\n  }\n<\/style>\n  \n  <div class=\"side-panel info-side-panel edu-cyber-panel\" id=\"SidePanelEducationCybersecurity\" style=\"display: none\">\n    <div class=\"panel-backdrop\"><\/div>\n  \n    <div class=\"panel-wrapper\">\n      <div class=\"panel-header\">\n        <button class=\"btn-action panel-close-btn\" aria-label=\"Close\">\n          <span class=\"icon-font icon-cross\"><\/span>\n        <\/button>\n      <\/div>\n  \n      <div class=\"panel-body\">\n        <div class=\"panel-body-container edu-cyber\">\n          <header class=\"edu-cyber__intro\">\n            <h2 class=\"edu-cyber__title\">Cybersecurity<\/h2>\n          <\/header>\n  \n          <section class=\"city-cyber\">\n  <h3 class=\"city-cyber__subtitle\">Advanced data security<\/h3>\n\n  <!-- PC: \ub2e8\uc77c \ubb38\ub2e8 (\uc911\uc559 \uc815\ub82c) -->\n  <p class=\"city-cyber__desc--pc\"><span class=\"hwFont\">Hanwha Vision<\/span> security products offer the highest cybersecurity possible with unique certificates embedded into every device during each phase of the manufacturing process. This results in a cybersecurity policy that satisfies stringent UL CAP standards as well as our own requirements for product reliability and design innovation.<\/p>\n\n  <!-- MO: \ubd88\ub9bf \ub9ac\uc2a4\ud2b8 -->\n  <ul class=\"city-cyber__desc--mo\">\n    <li><span class=\"hwFont\">Hanwha Vision<\/span> security products offer the highest cybersecurity possible with unique certificates embedded into every device during each phase of the manufacturing process.<\/li>\n    <li>This results in a cybersecurity policy that satisfies stringent UL CAP standards as well as our own requirements for product reliability and design innovation.<\/li>\n  <\/ul>\n\n  <!-- \ud788\uc5b4\ub85c \uc774\ubbf8\uc9c0 (PC\/MO \uad50\uccb4) -->\n  <div class=\"city-cyber__hero\">\n    <img decoding=\"async\" class=\"city-cyber__hero-pc\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/EN_PC.png\" alt=\"Advanced data security\" \/>\n    <img decoding=\"async\" class=\"city-cyber__hero-mo\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/EN_MO.png\" alt=\"Advanced data security\" \/>\n  <\/div>\n\n  <!-- \ucef4\ud50c\ub77c\uc774\uc5b8\uc2a4 2\uc5f4 \uadf8\ub9ac\ub4dc -->\n  <div class=\"city-cyber__compliance\">\n    <div class=\"city-cyber__compliance-item\">\n      <div class=\"city-cyber__compliance-logo\">\n        <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/NDAA_logo_HQ_1-300x273-1-1-1.png\" alt=\"NDAA Compliance\" \/>\n      <\/div>\n      <h4 class=\"city-cyber__compliance-title\">NDAA compliance<\/h4>\n      <p class=\"city-cyber__compliance-desc\">All <span class=\"hwFont\">Hanwha Vision<\/span> cameras, components, and systems are fully NDAA-compliant. <span class=\"hwFont\">Hanwha Vision<\/span> manufactures its products in Vietnam and South Korea, qualifying certain products for sale under the TAA and GSA guidelines.<\/p>\n    <\/div>\n\n    <div class=\"city-cyber__compliance-item\">\n      <div class=\"city-cyber__compliance-logo\">\n        <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/firmware-800x600-1-1-1.png\" alt=\"Warranty and firmware\" \/>\n      <\/div>\n      <h4 class=\"city-cyber__compliance-title\">Warranty and firmware support<\/h4>\n      <p class=\"city-cyber__compliance-desc\"><span class=\"hwFont\">Hanwha Vision<\/span> devices and solutions also meet the standards of FCC white list status. Our devices also NTCIP Protocol and NEMA TS2 certifications for to meet considerations.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n  \n          <div class=\"module-block\">&nbsp;<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n\n<section class=\"section-privacy\" id=\"CitySurveillance-Section-Privacy\">\n  <div class=\"basic-module-block\">\n    <div class=\"wrapper\">\n      <div class=\"container\">\n        <div class=\"privacy-layout\">\n          <div class=\"privacy-image\">\n            <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/10.-dynamic-private-masking.jpg\" alt=\"Dynamic Privacy Masking\">\n          <\/div>\n          <div class=\"privacy-content\">\n            <h2 class=\"privacy-title\">Privacy & Compliance<\/h2>\n            <div class=\"privacy-body\">\n              <p><span class=\"hwFont\">Hanwha Vision<\/span> delivers solutions that prioritize privacy and help cities meet public trust and comply with global privacy standards. Key features that support privacy include:<\/p>\n              <ul class=\"privacy-list\">\n                <li>AI-based masking and anonymization<\/li>\n                <li>Role-based access controls<\/li>\n                <li>Secure data encryption<\/li>\n              <\/ul>\n            <\/div>\n            <a class=\"privacy-link-btn\" href=\"https:\/\/www.youtube.com\/watch?v=VT__6Hih5MA\" target=\"_blank\" rel=\"noopener\">\n              <span>Learn more about <span class=\"hwFont\">Hanwha Vision<\/span>'s Dynamic Privacy Masking<\/span>\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#FF6600\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n  \/* ===== Section ===== *\/\n  #CitySurveillance-Section-Privacy {\n    padding: 100px 0;\n    background: #F1F1F1;\n  }\n\n  \/* ===== Layout ===== *\/\n  #CitySurveillance-Section-Privacy .privacy-layout {\n    display: flex;\n    align-items: center;\n    gap: 68px;\n  }\n\n  \/* ===== Image ===== *\/\n  #CitySurveillance-Section-Privacy .privacy-image {\n    flex: 0 0 50%;\n    max-width: 50%;\n    overflow: hidden;\n  }\n  #CitySurveillance-Section-Privacy .privacy-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  \/* ===== Content ===== *\/\n  #CitySurveillance-Section-Privacy .privacy-content {\n    flex: 1;\n  }\n\n  \/* ===== Title ===== *\/\n  #CitySurveillance-Section-Privacy .privacy-title {\n    margin: 0 0 24px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 36px;\n    font-weight: 700;\n    line-height: 50px;\n    letter-spacing: -0.72px;\n    color: #292929;\n  }\n\n  \/* ===== Body ===== *\/\n  #CitySurveillance-Section-Privacy .privacy-body p {\n    margin: 0 0 20px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 26px;\n    letter-spacing: -0.3px;\n    color: #525252;\n  }\n\n  \/* ===== List ===== *\/\n  #CitySurveillance-Section-Privacy .privacy-list {\n    margin: 0;\n    padding: 0 0 0 20px;\n    list-style: disc;\n  }\n  #CitySurveillance-Section-Privacy .privacy-list li {\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 28px;\n    letter-spacing: -0.3px;\n    color: #525252;\n  }\n\n  \/* ===== Link Button (Outline) ===== *\/\n  #CitySurveillance-Section-Privacy .privacy-link-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 8px 20px;\n    margin-top: 28px;\n    border: 1px solid #FF6600;\n    background: transparent;\n    color: #FF6600;\n    text-decoration: none;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n    transition: background-color 0.25s ease, color 0.25s ease;\n    cursor: pointer;\n  }\n  #CitySurveillance-Section-Privacy .privacy-link-btn:hover {\n    background: #FF6600;\n    color: #fff;\n  }\n  #CitySurveillance-Section-Privacy .privacy-link-btn:hover svg path {\n    fill: #fff;\n  }\n  #CitySurveillance-Section-Privacy .privacy-link-btn svg {\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n  }\n\n  \/* ===== Responsive 1400px ===== *\/\n  @media screen and (max-width: 1400px) {\n    #CitySurveillance-Section-Privacy {\n      padding: 80px 0;\n    }\n    #CitySurveillance-Section-Privacy .privacy-layout {\n      gap: 48px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-title {\n      font-size: 32px;\n      line-height: 44px;\n      letter-spacing: -0.64px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-body p {\n      font-size: 14px;\n      line-height: 24px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-list li {\n      font-size: 14px;\n      line-height: 26px;\n    }\n  }\n\n  \/* ===== Responsive 992px - Mobile ===== *\/\n  @media screen and (max-width: 992px) {\n    #CitySurveillance-Section-Privacy {\n      padding: 56px 0;\n      background: #F8F8F8;\n    }\n    #CitySurveillance-Section-Privacy .privacy-layout {\n      flex-direction: column;\n      gap: 32px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-image {\n      flex: none;\n      max-width: 100%;\n      width: 100%;\n      aspect-ratio: 335 \/ 188;\n    }\n    #CitySurveillance-Section-Privacy .privacy-title {\n      font-size: 26px;\n      line-height: 36px;\n      letter-spacing: -0.52px;\n      margin-bottom: 20px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-body p {\n      font-size: 14px;\n      line-height: 24px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-list li {\n      font-size: 14px;\n      line-height: 26px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-link-btn {\n      padding: 14px 20px;\n      margin-top: 24px;\n      font-size: 14px;\n    }\n  }\n\n  \/* ===== Responsive 576px ===== *\/\n  @media screen and (max-width: 576px) {\n    #CitySurveillance-Section-Privacy .privacy-title {\n      font-size: 22px;\n      line-height: 32px;\n      letter-spacing: -0.44px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-body p {\n      font-size: 13px;\n      line-height: 22px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-list li {\n      font-size: 13px;\n      line-height: 24px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-link-btn {\n      font-size: 13px;\n      padding: 12px 16px;\n      gap: 8px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-link-btn svg {\n      width: 18px;\n      height: 18px;\n    }\n  }\n<\/style>\n\n\n\n<section id=\"Healthcare-Section-Articles\">\n  <div class=\"basic-module-block\">\n    <div class=\"wrapper\">\n      <div class=\"container\">\n          <h2 class=\"section-title\">Featured Solution News<\/h2>\n        \n          <div class=\"article-list\">\n\n            <article class=\"article-item\">\n              <div class=\"article-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/Rectangle-5.png\" alt=\"\">\n              <\/div>\n              <div class=\"article-content\">\n                <h3 class=\"article-title\">\n                  Unlocking Successful City Surveillance with <span class=\"hwFont\">Hanwha Vision<\/span>\n                <\/h3>\n                <a href=\"https:\/\/www.hanwhavision.com\/en\/news-center\/1648632\/\" class=\"article-cta\" target=\"_blank\" rel=\"noopener\">\n                  <span class=\"article-cta-text\">Read More<\/span>\n                  <span class=\"article-cta-icon\">\u2192<\/span>\n                <\/a>\n              <\/div>\n            <\/article>\n       \n          <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n#Healthcare-Section-Articles {\n  padding: 100px 0;\n  background: #ffffff;\n}\n\n#Healthcare-Section-Articles .section-title {\n  margin: 0 0 56px 0;\n  font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n  font-size: 36px;\n  font-weight: 600;\n  line-height: 54px;\n  letter-spacing: -0.72px;\n  color: #292929;\n}\n\n#Healthcare-Section-Articles .article-list {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  column-gap: 64px;\n  row-gap: 64px;\n}\n\n#Healthcare-Section-Articles .article-item {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  column-gap: 28px;\n  align-items: start;\n}\n\n#Healthcare-Section-Articles .article-top {\n  display: contents;\n}\n\n#Healthcare-Section-Articles .article-thumb {\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  background: #f5f5f5;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n#Healthcare-Section-Articles .article-thumb img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n#Healthcare-Section-Articles .article-title {\n  margin: 0;\n  font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 30px;\n  letter-spacing: -0.4px;\n  color: #292929;\n}\n\n#Healthcare-Section-Articles .article-cta {\n  grid-column: 2 \/ 3;\n  align-self: start;\n  margin-top: 24px;\n\n  text-decoration: none;\n  background: #F60;\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 12px;\n}\n\n#Healthcare-Section-Articles .article-cta-text {\n  font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 24px;\n  letter-spacing: -0.32px;\n}\n\n#Healthcare-Section-Articles .article-cta-icon {\n  font-size: 24px;\n  line-height: 1;\n  font-weight: 700;\n}\n\n#Healthcare-Section-Articles .article-cta:hover {\n  cursor: pointer;\n}\n\n@media screen and (max-width: 1400px) {\n  #Healthcare-Section-Articles {\n    padding: 80px 0;\n  }\n\n  #Healthcare-Section-Articles .section-title {\n    font-size: 28px;\n    line-height: 54px;\n    letter-spacing: -0.6px;\n    margin-bottom: 40px;\n  }\n\n  #Healthcare-Section-Articles .article-list {\n    grid-template-columns: repeat(2, 1fr);\n    row-gap: 56px;\n  }\n\n  #Healthcare-Section-Articles .article-item {\n    grid-template-columns: 280px 1fr;\n    column-gap: 28px;\n  }\n\n  #Healthcare-Section-Articles .article-cta-text {\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n  }\n\n  #Healthcare-Section-Articles .article-cta-icon {\n    font-size: 24px;\n  }\n}\n\n@media screen and (max-width: 1100px) {\n  #Healthcare-Section-Articles {\n    padding: 80px 0;\n  }\n\n  #Healthcare-Section-Articles .article-item {\n    grid-template-columns: 230px 1fr;\n    column-gap: 28px;\n  }\n}\n\n@media screen and (max-width: 992px) {\n  #Healthcare-Section-Articles {\n    padding: 56px 0;\n  }\n\n  #Healthcare-Section-Articles .section-title {\n    font-size: 24px;\n    font-weight: 600;\n    line-height: 36px;\n    letter-spacing: -0.48px;\n    margin-bottom: 36px;\n  }\n\n  #Healthcare-Section-Articles .article-list {\n    grid-template-columns: repeat(2, 1fr);\n    row-gap: 48px;\n  }\n\n  #Healthcare-Section-Articles .article-item {\n    grid-template-columns: 160px 1fr;\n    column-gap: 22px;\n  }\n\n  #Healthcare-Section-Articles .article-title {\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n  }\n\n  #Healthcare-Section-Articles .article-cta {\n    grid-column: 1 \/ -1;\n    margin-top: 12px;\n    padding: 8px 12px;\n  }\n\n  #Healthcare-Section-Articles .article-cta-text {\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n  }\n\n  #Healthcare-Section-Articles .article-cta-icon {\n    font-size: 24px;\n  }\n}\n\n@media screen and (max-width: 800px) {\n  #Healthcare-Section-Articles .article-list {\n    grid-template-columns: 1fr;\n    row-gap: 48px;\n  }\n\n  #Healthcare-Section-Articles .article-item {\n    grid-template-columns: 220px 1fr;\n  }\n\n  #Healthcare-Section-Articles .article-cta {\n    margin-top: 20px;\n  }\n}\n\n@media screen and (max-width: 660px) {\n  #Healthcare-Section-Articles {\n    padding: 56px 0;\n  }\n\n  #Healthcare-Section-Articles .section-title {\n    font-size: 24px;\n    font-weight: 600;\n    line-height: 36px;\n    letter-spacing: -0.48px;\n    margin-bottom: 36px;\n  }\n\n  #Healthcare-Section-Articles .article-list {\n    grid-template-columns: 1fr;\n    row-gap: 48px;\n  }\n\n  #Healthcare-Section-Articles .article-item {\n    grid-template-columns: 180px 1fr;\n    column-gap: 22px;\n  }\n\n  #Healthcare-Section-Articles .article-title {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n  }\n\n  #Healthcare-Section-Articles .article-cta {\n    grid-column: 1 \/ -1;\n    margin-top: 20px;\n    padding: 8px 12px;\n  }\n\n  #Healthcare-Section-Articles .article-cta-text {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n  }\n\n  #Healthcare-Section-Articles .article-cta-icon {\n    font-size: 24px;\n  }\n}\n\n@media screen and (max-width: 450px) {\n  #Healthcare-Section-Articles .article-item {\n    grid-template-columns: 160px 1fr;\n  }\n\n  #Healthcare-Section-Articles .article-cta {\n    margin-top: 12px;\n  }\n}\n\n@media screen and (max-width: 376px) {\n  #Healthcare-Section-Articles .article-item {\n    grid-template-columns: 140px 1fr;\n  }\n}\n<\/style>\n\n\n\n<section class=\"section-education-cta\" id=\"CitySurveillance-Section-CTA-footer\">\n      <div class=\"cta-image-mobile\">\n        <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/cta2-mobile.png\" alt=\"\">\n      <\/div>\n  \n  \n      <div class=\"cta-inner\">\n        <div class=\"basic-module-block\">\n          <div class=\"wrapper\">\n            <div class=\"container\">\n              <div class=\"cta-content\">\n                <h2 class=\"cta-title\">\n                  Shift Security from Reactive to Proactive & Predictive\n                <\/h2>\n  \n                <a class=\"cta-btn\" href=\"https:\/\/support.hanwhavision.com\/hc\/requests\/new?ticket_form_id=14032804897679&#038;button=vertical&#038;field=citysurveillance\" target=\"_blank\" rel=\"noopener\">\n                  <span class=\"cta-btn-text\">Talk to Hanwha Vision City Surveillance Expert\u200b<\/span>\n                  <span class=\"cta-btn-icon\">\u2192<\/span>\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n  \n        <\/div>\n      <\/div>\n    <\/section>\n  \n    <style>\n  #CitySurveillance-Section-CTA-footer {\n    background: #ffffff;\n  }\n  \n  #CitySurveillance-Section-CTA-footer .wrapper {\n    width: 100%;\n  }\n  \n  #CitySurveillance-Section-CTA-footer .cta-image-mobile {\n    display: none;\n  }\n  \n  #CitySurveillance-Section-CTA-footer .cta-image-mobile img {\n    width: 100%;\n    height: auto;\n    min-height: 210px;\n    display: block;\n  }\n  \n  #CitySurveillance-Section-CTA-footer .cta-inner {\n    position: relative;\n    min-height: 480px;\n    display: flex;\n    align-items: center;\n    background:\n      linear-gradient(\n        90deg,\n        rgba(0, 0, 0, 0.78) 0%,\n        rgba(0, 0, 0, 0.45) 45%,\n        rgba(0, 0, 0, 0.00) 70%\n      ),\n      url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/12.-CTA-banner-2.jpg\") center \/ cover no-repeat;\n  }\n  \n  #CitySurveillance-Section-CTA-footer .cta-content {\n\n  }\n  \n  #CitySurveillance-Section-CTA-footer .cta-title {\n    margin: 0 0 32px 0;\n    color: #ffffff;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 32px;\n    font-weight: 600;\n    line-height: 46px;\n    letter-spacing: -0.64px;\n  }\n  \n  #CitySurveillance-Section-CTA-footer .cta-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    height: 56px;\n    padding: 0 24px;\n    background: #ff6600;\n    color: #ffffff;\n    text-decoration: none;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 16px;\n    font-weight: 600;\n    letter-spacing: -0.32px;\n    transition: background-color 0.25s ease, transform 0.25s ease;\n        -webkit-touch-callout: none;\n        -webkit-user-select: none;\n        -khtml-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        cursor: pointer;\n  }\n  \n  #CitySurveillance-Section-CTA-footer .cta-btn-icon {\n    font-size: 20px;\n    line-height: 1;\n  }\n  \n  #CitySurveillance-Section-CTA-footer .cta-btn:hover {\n    background: #e65a00;\n    transform: translateX(4px);\n    cursor: pointer;\n  }\n  \n  @media screen and (max-width: 992px) {\n    #CitySurveillance-Section-CTA-footer .cta-inner {\n      background: none;\n      min-height: auto;\n      padding: 0;\n    }\n  \n    #CitySurveillance-Section-CTA-footer .cta-image-mobile {\n      display: block;\n    }\n  \n    #CitySurveillance-Section-CTA-footer .cta-content {\n      padding: 32px 0 56px 0;\n    }\n  \n    #CitySurveillance-Section-CTA-footer .cta-title {\n      color: #292929;\n      font-size: 24px;\n      line-height: 36px;\n      letter-spacing: -0.48px;\n      margin-bottom: 24px;\n    }\n  \n    #CitySurveillance-Section-CTA-footer .cta-btn {\n      width: auto;\n    }\n  }\n  \n  @media screen and (max-width: 480px) {\n    #CitySurveillance-Section-CTA-footer .cta-title {\n      font-size: 22px;\n      line-height: 34px;\n    }\n  \n    #CitySurveillance-Section-CTA-footer .cta-btn {\n      height: 52px;\n      padding: 0 20px;\n    }\n  }\n  <\/style>\n\n\n\n<section class=\"section-ai-description\" id=\"CitySurveillance-Section-ai-description\">\n        <div class=\"basic-module-block\">\n          <div class=\"wrapper\">\n            <div class=\"container\">\n              <div class=\"CitySurveillance-Section-ai-description-container\">\n                <span class=\"CitySurveillance-Section-ai-description-text\">The images on this page were created using AI.<\/span>\n              <\/div>            \n            <\/div>\n          <\/div>\n  \n        <\/div>\n    <\/section>\n  \n  <style>\n   #CitySurveillance-Section-ai-description .CitySurveillance-Section-ai-description-container {\n     background: #ffffff;\n     display: flex;\n     padding: 28px 0 48px 0;\n     flex-direction: column;\n     align-items: flex-start;\n   }\n  \n   #CitySurveillance-Section-ai-description .CitySurveillance-Section-ai-description-text {\n     color: #989898;\n     font-size: 12px;\n     font-weight: 500;\n     line-height: 18px;\n     letter-spacing: -0.24px;\n   }\n  <\/style>\n","protected":false},"featured_media":0,"template":"","acf":[],"_links":{"self":[{"href":"https:\/\/www.hanwhavision.com\/en\/wp-json\/wp\/v2\/hws_solution\/1662328"}],"collection":[{"href":"https:\/\/www.hanwhavision.com\/en\/wp-json\/wp\/v2\/hws_solution"}],"about":[{"href":"https:\/\/www.hanwhavision.com\/en\/wp-json\/wp\/v2\/types\/hws_solution"}],"version-history":[{"count":150,"href":"https:\/\/www.hanwhavision.com\/en\/wp-json\/wp\/v2\/hws_solution\/1662328\/revisions"}],"predecessor-version":[{"id":1663114,"href":"https:\/\/www.hanwhavision.com\/en\/wp-json\/wp\/v2\/hws_solution\/1662328\/revisions\/1663114"}],"wp:attachment":[{"href":"https:\/\/www.hanwhavision.com\/en\/wp-json\/wp\/v2\/media?parent=1662328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}