{"id":795,"date":"2019-07-11T19:14:54","date_gmt":"2019-07-11T19:14:54","guid":{"rendered":"http:\/\/alarmcentar.hr\/about-us\/"},"modified":"2026-07-14T09:28:43","modified_gmt":"2026-07-14T09:28:43","slug":"about-us","status":"publish","type":"page","link":"https:\/\/alarmcentar.hr\/en\/about-us\/","title":{"rendered":"About us"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_heading_0 et_pb_heading et_pb_module et_flex_module\"><div class=\"et_pb_heading_container\"><h1 class=\"et_pb_module_header\">About us<\/h1><\/div><\/div>\n\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>Many years of experience in the design and implementation of technical security systems.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n.av-wrap {\n  --accent: #c60f0f;\n  --accent-dark: #8f0a0a;\n  --ink: #141414;\n  --gray: #666;\n  --bg-light: #f7f5f2;\n  --bg-dark: #111214;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n  font-family: inherit;\n  overflow: hidden;\n}\n\n.av-wrap * { box-sizing: border-box; }\n\n\/* ============ REVEAL ON SCROLL (generic) ============ *\/\n.av-reveal {\n  opacity: 0;\n  transform: translateY(28px);\n  transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);\n}\n.av-reveal.av-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ============================================================\n   SECTION 1 - MISSION AND VISION\n   ============================================================ *\/\n.av-mission {\n  position: relative;\n  padding: 70px 0 60px;\n  display: grid;\n  grid-template-columns: 340px 1fr;\n  gap: 50px;\n  align-items: start;\n}\n@media (max-width: 860px) {\n  .av-mission { grid-template-columns: 1fr; }\n}\n\n\/* animated radar\/security graphic *\/\n.av-radar {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 1\/1;\n  max-width: 340px;\n  margin: 0 auto;\n  border-radius: 50%;\n  background:\n    radial-gradient(circle at center, rgba(198,15,15,0.06) 0%, rgba(198,15,15,0.02) 60%, transparent 70%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.av-radar-ring {\n  position: absolute;\n  border: 1px solid rgba(198,15,15,0.25);\n  border-radius: 50%;\n}\n.av-radar-ring.r1 { width: 30%; height: 30%; }\n.av-radar-ring.r2 { width: 58%; height: 58%; }\n.av-radar-ring.r3 { width: 86%; height: 86%; }\n.av-radar-ring.pulse {\n  animation: avPulseRing 3s ease-out infinite;\n}\n.av-radar-ring.pulse.delay1 { animation-delay: 1s; }\n.av-radar-ring.pulse.delay2 { animation-delay: 2s; }\n@keyframes avPulseRing {\n  0% { transform: scale(0.4); opacity: 0.9; border-color: var(--accent); }\n  100% { transform: scale(1.35); opacity: 0; border-color: var(--accent); }\n}\n.av-radar-sweep {\n  position: absolute;\n  width: 50%;\n  height: 50%;\n  top: 0;\n  left: 50%;\n  transform-origin: 0% 100%;\n  background: conic-gradient(from 0deg, rgba(198,15,15,0.55), rgba(198,15,15,0) 35%);\n  animation: avSweep 4s linear infinite;\n  border-radius: 0 100% 0 0;\n}\n@keyframes avSweep {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n.av-radar-icon {\n  position: relative;\n  z-index: 2;\n  width: 88px;\n  height: 88px;\n  color: var(--accent);\n}\n.av-radar-dot {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--accent);\n  box-shadow: 0 0 0 0 rgba(198,15,15,0.6);\n  animation: avBlip 2.6s ease-in-out infinite;\n}\n.av-radar-dot.d1 { top: 22%; left: 68%; animation-delay: .2s; }\n.av-radar-dot.d2 { top: 66%; left: 28%; animation-delay: 1.1s; }\n.av-radar-dot.d3 { top: 74%; left: 70%; animation-delay: 1.9s; }\n@keyframes avBlip {\n  0%, 100% { box-shadow: 0 0 0 0 rgba(198,15,15,0.55); }\n  50% { box-shadow: 0 0 0 10px rgba(198,15,15,0); }\n}\n\n.av-mission-content h2 {\n  font-size: 2.1rem;\n  font-weight: 800;\n  color: var(--ink);\n  margin: 0 0 20px;\n  position: relative;\n  display: inline-block;\n}\n.av-mission-content h2::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: -10px;\n  height: 4px;\n  width: 64px;\n  background: var(--accent);\n  border-radius: 2px;\n}\n.av-mission-content p {\n  color: var(--gray);\n  line-height: 1.75;\n  font-size: 1rem;\n  margin: 0 0 18px;\n}\n.av-quote {\n  margin-top: 22px;\n  padding: 18px 22px;\n  border-left: 4px solid var(--accent);\n  background: var(--bg-light);\n  font-weight: 700;\n  color: var(--ink);\n  border-radius: 4px;\n  font-size: 1.05rem;\n}\n\n\/* ============================================================\n   SECTION 2 - HISTORY TIMELINE\n   ============================================================ *\/\n.av-timeline-section {\n  padding: 50px 0 70px;\n}\n.av-timeline-section h3 {\n  font-size: 1.6rem;\n  font-weight: 800;\n  color: var(--ink);\n  margin: 0 0 40px;\n  text-align: center;\n}\n.av-timeline {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n@media (max-width: 760px) {\n  .av-timeline { grid-template-columns: 1fr; }\n}\n.av-timeline::before {\n  content: \"\";\n  position: absolute;\n  top: 26px;\n  left: 6%;\n  right: 6%;\n  height: 2px;\n  background: linear-gradient(90deg, transparent, var(--accent) 15%, var(--accent) 85%, transparent);\n}\n@media (max-width: 760px) {\n  .av-timeline::before { display: none; }\n}\n.av-tl-item {\n  position: relative;\n  text-align: center;\n  padding-top: 55px;\n}\n.av-tl-dot {\n  position: absolute;\n  top: 14px;\n  left: 50%;\n  transform: translateX(-50%) scale(0);\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  background: var(--accent);\n  border: 4px solid #fff;\n  box-shadow: 0 0 0 2px var(--accent);\n  transition: transform .5s cubic-bezier(.34,1.56,.64,1);\n}\n.av-tl-item.av-visible .av-tl-dot { transform: translateX(-50%) scale(1); }\n.av-tl-year {\n  font-size: 1.5rem;\n  font-weight: 800;\n  color: var(--accent);\n  margin-bottom: 8px;\n}\n.av-tl-text {\n  color: var(--gray);\n  font-size: 0.92rem;\n  line-height: 1.6;\n  padding: 0 10px;\n}\n\n\/* ============================================================\n   SECTION 3 - NUMBERS \/ COUNTERS\n   ============================================================ *\/\n.av-counters {\n  background: var(--bg-dark);\n  border-radius: 14px;\n  padding: 50px 30px;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin: 20px 0 70px;\n  position: relative;\n  overflow: hidden;\n}\n@media (max-width: 700px) {\n  .av-counters { grid-template-columns: 1fr; }\n}\n.av-counters::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image: radial-gradient(rgba(198,15,15,0.18) 1px, transparent 1px);\n  background-size: 26px 26px;\n  opacity: .5;\n}\n.av-counter-item {\n  position: relative;\n  text-align: center;\n  color: #fff;\n}\n.av-counter-icon {\n  width: 46px;\n  height: 46px;\n  margin: 0 auto 14px;\n  color: var(--accent);\n}\n.av-counter-number {\n  font-size: 3rem;\n  font-weight: 800;\n  line-height: 1;\n  color: #fff;\n}\n.av-counter-number::after {\n  content: \"+\";\n  color: var(--accent);\n}\n.av-counter-label {\n  margin-top: 8px;\n  font-size: 0.95rem;\n  letter-spacing: .04em;\n  text-transform: uppercase;\n  color: #cfcfcf;\n}\n\n\/* ============================================================\n   SECTION 4 - EXPERIENCE\n   ============================================================ *\/\n.av-experience h3 {\n  font-size: 1.6rem;\n  font-weight: 800;\n  color: var(--ink);\n  margin: 0 0 8px;\n  text-align: center;\n}\n.av-experience > p.av-sub {\n  text-align: center;\n  color: var(--gray);\n  margin: 0 0 40px;\n}\n.av-exp-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 24px;\n  padding-bottom: 70px;\n}\n@media (max-width: 760px) {\n  .av-exp-grid { grid-template-columns: 1fr; }\n}\n.av-exp-card {\n  background: #fff;\n  border: 1px solid #eee;\n  border-radius: 10px;\n  padding: 30px;\n  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;\n  position: relative;\n  overflow: hidden;\n}\n.av-exp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 16px 34px rgba(0,0,0,0.1);\n  border-color: rgba(198,15,15,0.35);\n}\n.av-exp-icon-wrap {\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  background: rgba(198,15,15,0.08);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 18px;\n}\n.av-exp-icon {\n  width: 30px;\n  height: 30px;\n  color: var(--accent);\n}\n\/* icon micro-animations, triggered on card hover *\/\n.av-icon-shake { transform-origin: 50% 15%; }\n.av-exp-card:hover .av-icon-shake { animation: avShake .5s ease; }\n@keyframes avShake {\n  0%,100% { transform: rotate(0deg); }\n  20% { transform: rotate(-12deg); }\n  40% { transform: rotate(10deg); }\n  60% { transform: rotate(-6deg); }\n  80% { transform: rotate(4deg); }\n}\n.av-icon-scan-beam {\n  transform: translateY(0);\n  opacity: 0;\n}\n.av-exp-card:hover .av-icon-scan-beam { animation: avScan 1.1s ease; }\n@keyframes avScan {\n  0% { transform: translateY(-6px); opacity: 0; }\n  30% { opacity: 1; }\n  100% { transform: translateY(6px); opacity: 0; }\n}\n.av-icon-draw {\n  stroke-dasharray: 60;\n  stroke-dashoffset: 60;\n}\n.av-exp-card:hover .av-icon-draw { animation: avDraw .7s ease forwards; }\n@keyframes avDraw {\n  to { stroke-dashoffset: 0; }\n}\n.av-icon-pop { transform: scale(1); }\n.av-exp-card:hover .av-icon-pop { animation: avPop .5s ease; }\n@keyframes avPop {\n  0% { transform: scale(1); }\n  40% { transform: scale(1.25) rotate(-6deg); }\n  100% { transform: scale(1); }\n}\n\n.av-exp-card h4 {\n  font-size: 1.15rem;\n  font-weight: 700;\n  color: var(--ink);\n  margin: 0 0 10px;\n}\n.av-exp-card p {\n  color: var(--gray);\n  line-height: 1.65;\n  font-size: 0.95rem;\n  margin: 0 0 10px;\n}\n.av-exp-card .av-brand-note {\n  display: inline-block;\n  margin-top: 6px;\n  padding: 6px 12px;\n  background: var(--bg-light);\n  border-radius: 20px;\n  font-size: 0.82rem;\n  font-weight: 700;\n  color: var(--accent-dark);\n}\n<\/style>\n\n<div class=\"av-wrap\">\n\n  <!-- ================= MISSION AND VISION ================= -->\n  <section class=\"av-mission\">\n    <div class=\"av-radar\">\n      <div class=\"av-radar-ring r1 pulse\"><\/div>\n      <div class=\"av-radar-ring r2 pulse delay1\"><\/div>\n      <div class=\"av-radar-ring r3 pulse delay2\"><\/div>\n      <div class=\"av-radar-sweep\"><\/div>\n      <div class=\"av-radar-dot d1\"><\/div>\n      <div class=\"av-radar-dot d2\"><\/div>\n      <div class=\"av-radar-dot d3\"><\/div>\n      <svg class=\"av-radar-icon\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M32 4L52 14V30C52 44 44 54 32 60C20 54 12 44 12 30V14L32 4Z\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\n        <path d=\"M22 32L29 39L43 24\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n    <\/div>\n\n    <div class=\"av-mission-content av-reveal\">\n      <h2>Mission and Vision<\/h2>\n      <p>For nearly 30 years, Alarm Centar has been building trust through expertise, responsibility, and quality in the field of electronic security. From design and implementation to security system maintenance, our goal is to provide comprehensive solutions that reliably protect people, property, and business operations.<\/p>\n      <p>Over the years, we have developed our knowledge, expanded our service offerings, and adapted to the increasingly demanding needs of the market. Today, we stand behind numerous successfully completed projects \u2013 ranging from private houses and apartments, commercial properties, and retail facilities, to production plants, logistics centers, institutions, and embassies. Regardless of the size or complexity of the project, we approach every client with the same level of professionalism and dedication.<\/p>\n      <h3>\n        Our Mission and Goal\n      <\/h3>\n      <p>Our mission is to be a long-term partner to our clients in all aspects of electronic security. We don't just protect buildings \u2013 we create security solutions that enable people to live more safely and businesses to operate with greater stability and peace of mind. By designing, implementing, and maintaining modern security systems, we protect people, property, and operations, building every project on expertise, responsibility, and nearly 30 years of experience. We believe that lasting trust is not earned through promises, but through quality, reliability, and a partnership that lasts for years.<\/p>\n      <p>Our goal is to maintain a high level of professionalism and provide our clients with stability, security, and the construction of a long-term, mutual partnership of trust.<\/p>\n      <h3>\n        Our Vision\n      <\/h3>\n      <p>\n        Our vision is to be the reference partner for electronic security in Croatia \u2013 a synonym for expertise, reliability, and innovative security solutions. We do not strive to be the biggest in the market; we want to be the first choice for clients who recognize the value of quality, responsibility, and long-term partnership.\n      <\/p>\n      <div class=\"av-quote\">Alarm Centar \u2012 a reliable partner for the security of your home and your business.<\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= HISTORY TIMELINE ================= -->\n  <section class=\"av-timeline-section\">\n    <h3>History\u2026<\/h3>\n    <div class=\"av-timeline\">\n      <div class=\"av-tl-item av-reveal\">\n        <div class=\"av-tl-dot\"><\/div>\n        <div class=\"av-tl-year\">1998<\/div>\n        <div class=\"av-tl-text\">Registration of the business under the name Auto centar \u0160imac; the business initially focuses on vehicle security and the installation of additional equipment.<\/div>\n      <\/div>\n      <div class=\"av-tl-item av-reveal\">\n        <div class=\"av-tl-dot\"><\/div>\n        <div class=\"av-tl-year\">2005<\/div>\n        <div class=\"av-tl-text\">The business changes its name to Alarm Centar and expands its scope of operations to facility and property protection.<\/div>\n      <\/div>\n      <div class=\"av-tl-item av-reveal\">\n        <div class=\"av-tl-dot\"><\/div>\n        <div class=\"av-tl-year\">2009<\/div>\n        <div class=\"av-tl-text\">Establishment of the limited liability company Alarm Centar d.o.o. for private security operations. From its founding to the present day, we specialize in electronic security services.<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= NUMBERS ================= -->\n  <section class=\"av-counters av-reveal\">\n    <div class=\"av-counter-item\">\n      <svg class=\"av-counter-icon\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <rect x=\"6\" y=\"14\" width=\"30\" height=\"20\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"2.2\"\/>\n        <path d=\"M36 20L42 16V32L36 28\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linejoin=\"round\"\/>\n        <circle cx=\"21\" cy=\"24\" r=\"5\" stroke=\"currentColor\" stroke-width=\"2.2\"\/>\n      <\/svg>\n      <div class=\"av-counter-number\" data-target=\"500\">0<\/div>\n      <div class=\"av-counter-label\">Projects<\/div>\n    <\/div>\n    <div class=\"av-counter-item\">\n      <svg class=\"av-counter-icon\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <circle cx=\"17\" cy=\"17\" r=\"6\" stroke=\"currentColor\" stroke-width=\"2.2\"\/>\n        <path d=\"M6 40C6 32 11 27 17 27C23 27 28 32 28 40\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\n        <circle cx=\"33\" cy=\"18\" r=\"5\" stroke=\"currentColor\" stroke-width=\"2\" opacity=\"0.6\"\/>\n        <path d=\"M30 40C30 33.5 34 29.5 39 29.5C41 29.5 42.7 30.1 44 31\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\"0.6\"\/>\n      <\/svg>\n      <div class=\"av-counter-number\" data-target=\"350\">0<\/div>\n      <div class=\"av-counter-label\">Clients<\/div>\n    <\/div>\n    <div class=\"av-counter-item\">\n      <svg class=\"av-counter-icon\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <circle cx=\"24\" cy=\"24\" r=\"18\" stroke=\"currentColor\" stroke-width=\"2.2\"\/>\n        <path d=\"M24 13V24L32 29\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n      <div class=\"av-counter-number\" data-target=\"25\">0<\/div>\n      <div class=\"av-counter-label\">Years of Experience<\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= EXPERIENCE ================= -->\n  <section class=\"av-experience\">\n    <h3>Experience<\/h3>\n    <p class=\"av-sub\">A broad reference list, deep knowledge, and client care \u2014 at any given moment.<\/p>\n    <div class=\"av-exp-grid\">\n\n      <div class=\"av-exp-card av-reveal\">\n        <div class=\"av-exp-icon-wrap\">\n          <svg class=\"av-exp-icon av-icon-pop\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M8 42V20L24 8L40 20V42\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linejoin=\"round\"\/>\n            <path d=\"M18 42V28H30V42\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linejoin=\"round\"\/>\n            <path d=\"M8 42H40\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h4>Broad Reference List<\/h4>\n        <p>To this day, we have secured numerous facilities of various types and purposes: from private apartments, houses, and villas to manufacturing plants and embassies.<\/p>\n      <\/div>\n\n      <div class=\"av-exp-card av-reveal\">\n        <div class=\"av-exp-icon-wrap\">\n          <svg class=\"av-exp-icon\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path class=\"av-icon-draw\" d=\"M24 10L44 18L24 26L4 18L24 10Z\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linejoin=\"round\"\/>\n            <path d=\"M12 22V32C12 32 17 37 24 37C31 37 36 32 36 32V22\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linejoin=\"round\"\/>\n            <path class=\"av-icon-scan-beam\" d=\"M44 18V28\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h4>Experience and Knowledge<\/h4>\n        <p>With our extensive knowledge and over 20 years of experience, we are fully capable of meeting your every need for professional, high-quality electronic security solutions. We continuously invest in education through specialized seminars locally and abroad, keeping up with all innovations in the security industry.<\/p>\n      <\/div>\n\n      <div class=\"av-exp-card av-reveal\">\n        <div class=\"av-exp-icon-wrap\">\n          <svg class=\"av-exp-icon av-icon-pop\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M24 6L40 12V22C40 32 33 40 24 43C15 40 8 32 8 22V12L24 6Z\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linejoin=\"round\"\/>\n            <path class=\"av-icon-draw\" d=\"M16 23L22 29L33 17\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"30\" stroke-dashoffset=\"30\"\/>\n          <\/svg>\n        <\/div>\n        <h4>Quality Guarantee<\/h4>\n        <p>We provide a 24-month warranty on all products and services, with the option of an extended warranty of up to 4 years. The equipment carries internationally recognized certificates and numerous global awards.<\/p>\n        <span class=\"av-brand-note\">Paradox &amp; DSC \u2014 Made in Canada<\/span>\n      <\/div>\n\n      <div class=\"av-exp-card av-reveal\">\n        <div class=\"av-exp-icon-wrap\">\n          <svg class=\"av-exp-icon av-icon-shake\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M14 22C14 15 18 10 24 10C30 10 34 15 34 22V28L38 34H10L14 28V22Z\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linejoin=\"round\"\/>\n            <path d=\"M20 38C20 40 22 42 24 42C26 42 28 40 28 38\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <h4>After-Sales Customer Care<\/h4>\n        <p>Once we sell and install your alarm system, video surveillance, or other equipment, we don't leave you on your own. We continue to look after the health and safety of your system through regular servicing and optional 24-hour monitoring support.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function () {\n  \/\/ ---------- REVEAL ON SCROLL ----------\n  var revealEls = document.querySelectorAll('.av-reveal, .av-tl-item');\n  var revealObserver = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('av-visible');\n      }\n    });\n  }, { threshold: 0.2 });\n  revealEls.forEach(function (el) { revealObserver.observe(el); });\n\n  \/\/ stagger timeline dots slightly\n  document.querySelectorAll('.av-tl-item').forEach(function (item, i) {\n    item.style.transitionDelay = (i * 0.15) + 's';\n  });\n  document.querySelectorAll('.av-exp-card').forEach(function (card, i) {\n    card.style.transitionDelay = (i * 0.1) + 's';\n  });\n\n  \/\/ ---------- COUNTER ANIMATION ----------\n  var counters = document.querySelectorAll('.av-counter-number');\n  var countersDone = false;\n  var countersSection = document.querySelector('.av-counters');\n\n  function animateCounters() {\n    if (countersDone) return;\n    countersDone = true;\n    counters.forEach(function (el) {\n      var target = parseInt(el.getAttribute('data-target'), 10);\n      var duration = 1600;\n      var startTime = null;\n\n      function step(timestamp) {\n        if (!startTime) startTime = timestamp;\n        var progress = Math.min((timestamp - startTime) \/ duration, 1);\n        var eased = 1 - Math.pow(1 - progress, 3);\n        el.textContent = Math.floor(eased * target);\n        if (progress < 1) {\n          requestAnimationFrame(step);\n        } else {\n          el.textContent = target;\n        }\n      }\n      requestAnimationFrame(step);\n    });\n  }\n\n  if (countersSection) {\n    var counterObserver = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          animateCounters();\n        }\n      });\n    }, { threshold: 0.4 });\n    counterObserver.observe(countersSection);\n  }\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-795","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/pages\/795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/comments?post=795"}],"version-history":[{"count":5,"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/pages\/795\/revisions"}],"predecessor-version":[{"id":1834,"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/pages\/795\/revisions\/1834"}],"wp:attachment":[{"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/media?parent=795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}