<style>
.h3f{background-image:url('https://cdn.prod.website-files.com/69b30daf19c2b2fc7f238ba8/6ac22479be85aba7df3aede9_u6.png')!important;background-position:center 65%!important}
@media(max-width:767px){.h3f{background-position:62% center!important}}
.pp .pp-devs{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important;align-items:stretch!important}
.pp .pp-devs .pp-dev{display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 18px 36px -24px rgba(0,0,0,.35);transition:transform .35s var(--e),box-shadow .35s}
.pp .pp-devs .pp-dev:hover{transform:translateY(-6px);box-shadow:0 28px 44px -24px rgba(0,0,0,.45)}
.pp .pp-devs .pp-dev img{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover!important;margin:0!important;filter:none!important;transform:none!important;transition:transform .6s var(--e)!important}
.pp .pp-devs .pp-dev:hover img{transform:scale(1.04)!important}
.pp .pp-devs .pp-dev h4{font-size:18px;margin:6px 24px 8px}
.pp .pp-devs .pp-dev p{font-size:14.5px;line-height:1.5;margin:0 24px 26px;color:rgba(0,0,0,.72)}
@media(max-width:900px){.pp .pp-devs{grid-template-columns:1fr 1fr!important}}
@media(max-width:479px){.pp .pp-devs .pp-dev h4{margin:4px 14px 6px;font-size:16px}.pp .pp-devs .pp-dev p{margin:0 14px 18px;font-size:13px}}
</style>
<div class="pp">
<section class="h3f">
<div class="w">
<div class="stks"><span class="pp-stk s1">Маєш охорону?</span><span class="pp-stk s2">перепідключимо безкоштовно!</span></div>
<img class="logo" src="https://static.tildacdn.net/tild3832-3262-4861-b864-616537396664/sheriff.svg" alt="SHERIFF" data-r>
<p class="pre" data-r>Підключайся до охорони SHERIFF<br>та отримуй:</p>
<h1 data-r="2">3 місяці<br>БЕЗКОШТОВНО</h1>
<p class="sub" data-r="3">Комплекс сервісів безпеки з гарантією <b>до 1 000 000 гривень</b></p>
<a href="#form" class="pp-btn pp-btn-y" data-r="4">Залишити заявку</a>
</div>
</section>
<section class="pp-sec pp-wh" style="padding:40px 0 30px">
<div class="w">
<div class="c" data-r><span class="pp-pillh">AJAX пильнує — SHERIFF реагує</span></div>
<p class="pp-p c" data-r="2" style="font-size:20px;margin:22px 0 34px">Пожежа, затоплення, вторгнення – ми бачимо і діємо, ще й відповідаємо гривнею до 1 000 000</p>
<div class="pp-dcard" data-r="3">
<img src="https://static.tildacdn.net/tild6237-6237-4162-b730-353662376238/_.png" alt="Охоронці SHERIFF" loading="lazy">
<div>
<h3>Чому ШЕРИФ?</h3>
<ul class="pp-dl">
<p class="t">Надійність. Дієвість. Інтелект. Інновації.</p>
<li>комплекс сервісів безпеки</li>
<li>швидкість реагування <b>до 5 хвилин</b></li>
<li>матеріальна відповідальність до <b>1 000 000</b> грн</li>
<li>персональний менеджер</li>
<li>> <b>100</b> патрулів по всій Україні</li>
<li>> <b>40 000</b> українських родин під охороною</li>
<li>зручний мобільний додаток MySheriff</li>
<li>7 <b>років</b> поспіль вибір всеукраїнської народної премії</li>
</ul>
</div>
</div>
</div>
</section>
<section class="pp-sec pp-g" style="padding:60px 0 80px">
<div class="w">
<h2 class="pp-h2 c" data-r>SHERIFF обирає Ajax</h2>
<p class="pp-p c" data-r="2" style="font-size:16px;max-width:560px;margin:26px auto 0">Ajax як і SHERIFF, працює надійно та блискавично!<br>Реагує тільки на реальні небезпеки, а не на помилкові тривоги. Якщо щось трапиться, Ajax миттєво повідомить Вас і допоможе запобігти серйозним проблемам.</p>
<div class="pp-devs">
<div class="pp-dev" data-r="2"><img src="https://cdn.prod.website-files.com/69b30daf19c2b2fc7f238ba8/6ac220c326a0b23fca2d09f2_u4.png" alt="SpaceControl" loading="lazy"><h4>SpaceControl</h4><p>Кишеньковий брелок для керування режимами охорони. Оснащений тривожною кнопкою, щоб ви могли повідомити близьким людям і охоронній компанії про небезпеку</p></div>
<div class="pp-dev" data-r="3"><img src="https://cdn.prod.website-files.com/69b30daf19c2b2fc7f238ba8/6ac220c40b4e30951e87dafa_u3.png" alt="Ajax Hub" loading="lazy"><h4>Ajax Hub</h4><p>Контролює всі датчики Ajax і моментально відправляє сигнал тривоги власнику і на пульт охорони</p></div>
<div class="pp-dev" data-r="4"><img src="https://cdn.prod.website-files.com/69b30daf19c2b2fc7f238ba8/6ac220c485edc228cace0475_u2.png" alt="MotionProtect" loading="lazy"><h4>MotionProtect</h4><p>Бездротовий датчик руху повідомляє про перші ознаки вторгнення в будинок або офіс</p></div>
<div class="pp-dev" data-r="5"><img src="https://cdn.prod.website-files.com/69b30daf19c2b2fc7f238ba8/6ac220c369495e83dbf26493_u1.png" alt="DoorProtect" loading="lazy"><h4>DoorProtect</h4><p>Бездротовий датчик відкриття повідомляє про зламування дверей або вікна</p></div>
</div>
</div>
</section>
<div class="pp-sticky"><span>3 місяці БЕЗКОШТОВНО</span><a href="#form" class="pp-btn pp-btn-y">Залишити заявку</a></div>
</div>
%20(1).svg)
.svg)
