{"id":7,"date":"2026-03-12T15:53:57","date_gmt":"2026-03-12T15:53:57","guid":{"rendered":"https:\/\/rilockandkeys.com\/?page_id=7"},"modified":"2026-06-21T11:08:10","modified_gmt":"2026-06-21T11:08:10","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/rilockandkeys.com\/","title":{"rendered":"Ri Lock And Keys"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8806a0f e-con-full e-flex e-con e-parent\" data-id=\"8806a0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68b02a7 elementor-widget elementor-widget-html\" data-id=\"68b02a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n\n<header style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #ffffff;\">\n\n    <!-- TOP NAV BAR -->\n    <div class=\"ri-topbar\">\n        <div class=\"ri-topbar-inner\">\n            <div class=\"ri-logo\">\n                <a href=\"\/\" style=\"display: block; border: none;\">\n                    <img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/03\/IMG_6497.jpg\" style=\"height: 45px; width: auto; display: block;\" alt=\"RI Lock & Keys\">\n                <\/a>\n            <\/div>\n\n            <nav class=\"ri-nav\">\n                <a href=\"https:\/\/rilockandkeys.com\/?page_id=172\">Automotive<\/a>\n                <a href=\"https:\/\/rilockandkeys.com\/?page_id=195\">Residential<\/a>\n                <a href=\"https:\/\/rilockandkeys.com\/?page_id=214\">Commercial<\/a>\n                <a href=\"https:\/\/rilockandkeys.com\/?page_id=233\">Access Control<\/a>\n                <a href=\"https:\/\/rilockandkeys.com\/?page_id=238\">Safes<\/a>\n            <\/nav>\n\n            <div class=\"ri-topbar-right\">\n                <a href=\"tel:4012993339\" class=\"ri-topbar-call\">\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"white\">\n                        <path d=\"M20 15.5c-1.25 0-2.45-.2-3.57-.57a1.02 1.02 0 00-1.02.24l-2.2 2.2a15.045 15.045 0 01-6.59-6.59l2.2-2.21a.96.96 0 00.25-1.02A11.36 11.36 0 018.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z\"\/>\n                    <\/svg>\n                    CALL NOW\n                <\/a>\n                <button class=\"ri-burger\" onclick=\"riToggleMenu()\" aria-label=\"Menu\">\n                    <span><\/span><span><\/span><span><\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <nav class=\"ri-mobile-menu\" id=\"riMobileMenu\">\n            <a href=\"https:\/\/rilockandkeys.com\/?page_id=172\">Automotive<\/a>\n            <a href=\"https:\/\/rilockandkeys.com\/?page_id=195\">Residential<\/a>\n            <a href=\"https:\/\/rilockandkeys.com\/?page_id=214\">Commercial<\/a>\n            <a href=\"https:\/\/rilockandkeys.com\/?page_id=233\">Access Control<\/a>\n            <a href=\"https:\/\/rilockandkeys.com\/?page_id=238\">Safes<\/a>\n        <\/nav>\n    <\/div>\n\n    <!-- HERO -->\n    <div class=\"hero-container\">\n        <div class=\"hero-content\">\n\n            <div class=\"rating-badge\">\n                <span style=\"color: #ffb400;\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/span>\n                <span>5-STAR RATED &bull; <\/span>\n            <\/div>\n\n            <h1 class=\"main-title\">Need a Local Locksmith\nFast?<\/h1>\n\n            <p class=\"main-desc\">\n                Don't panic &mdash; a licensed technician is already near you. We reach most of Rhode Island in about 15 minutes, day or night. Car lockouts, home lockouts, lost keys, and lock repairs &mdash; fixed fast, right on the spot. One call and we're rolling.\n            <\/p>\n\n            <div class=\"hero-services\">\n                <a href=\"https:\/\/rilockandkeys.com\/?page_id=172\" class=\"hero-svc\"><span class=\"hero-svc-check\">&#10003;<\/span> Emergency Lockouts<\/a>\n                <a href=\"https:\/\/rilockandkeys.com\/?page_id=172\" class=\"hero-svc\"><span class=\"hero-svc-check\">&#10003;<\/span> Automotive<\/a>\n                <a href=\"https:\/\/rilockandkeys.com\/?page_id=195\" class=\"hero-svc\"><span class=\"hero-svc-check\">&#10003;<\/span> Residential<\/a>\n                <a href=\"https:\/\/rilockandkeys.com\/?page_id=214\" class=\"hero-svc\"><span class=\"hero-svc-check\">&#10003;<\/span> Commercial<\/a>\n            <\/div>\n\n            <a href=\"tel:4012993339\" class=\"big-call-btn\">&#128222; CALL NOW &mdash; 15 MIN RESPONSE<\/a>\n\n            <div class=\"trust-icons\">\n                <span><b>&#10003;<\/b> Licensed &amp; Insured<\/span>\n                <span><b>&#10003;<\/b> Available 24\/7<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- HERO LIVE MAP (replaces gallery) -->\n        <div class=\"hero-image-box\">\n            <div class=\"hero-map-wrap\">\n                <div class=\"hero-map-badge\"><span class=\"hero-map-badge-dot\"><\/span> LIVE<\/div>\n                <div class=\"hero-map-status\">~15 min away<\/div>\n                <div id=\"main-hero-map\"><\/div>\n                <div class=\"hero-map-foot\">\n                    <span class=\"hero-map-foot-dot\"><\/span>\n                    Live technician locations &mdash; Rhode Island\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/header>\n\n<style>\n.ri-topbar {\n    background: #ffffff; border-bottom: 2px solid #f1f5f9;\n    position: sticky; top: 0; z-index: 1000; width: 100%; box-sizing: border-box;\n}\n.ri-topbar-inner {\n    max-width: 1200px; margin: 0 auto; padding: 10px 15px;\n    display: flex; justify-content: space-between; align-items: center; gap: 20px;\n}\n.ri-logo { flex-shrink: 0; }\n.ri-nav { display: flex; gap: 28px; flex: 1; justify-content: center; }\n.ri-nav a {\n    color: #001a4d; text-decoration: none; font-weight: 700; font-size: 15px;\n    transition: color 0.2s ease; white-space: nowrap;\n}\n.ri-nav a:hover { color: #d32f2f; }\n.ri-topbar-right { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }\n.ri-topbar-call {\n    background: #d32f2f; color: #ffffff !important; padding: 10px 15px; border-radius: 6px;\n    text-decoration: none !important; font-weight: 800; font-size: 14px;\n    display: flex; align-items: center; gap: 8px;\n    box-shadow: 0 4px 10px rgba(211,47,47,0.2); white-space: nowrap;\n}\n.ri-burger { display: none; flex-direction: column; gap: 4px; background: none; border: none; cursor: pointer; padding: 6px; }\n.ri-burger span { width: 24px; height: 3px; background: #001a4d; border-radius: 2px; transition: all 0.3s ease; }\n.ri-mobile-menu { display: none; flex-direction: column; background: #fff; border-top: 1px solid #f1f5f9; padding: 10px 15px; }\n.ri-mobile-menu a {\n    color: #001a4d; text-decoration: none; font-weight: 700; font-size: 16px;\n    padding: 12px 5px; border-bottom: 1px solid #f1f5f9;\n}\n.ri-mobile-menu a:last-child { border-bottom: none; }\n.ri-mobile-menu.ri-open { display: flex; }\n\n.hero-container {\n    padding: 40px 20px; max-width: 1200px; margin: 0 auto;\n    display: flex; flex-wrap: wrap; gap: 30px; align-items: center;\n}\n.hero-content { flex: 1; min-width: 300px; }\n.rating-badge {\n    display: inline-flex; gap: 8px; background: #f0f4f8; padding: 8px 15px;\n    border-radius: 50px; font-size: 12px; font-weight: 800; margin-bottom: 20px;\n}\n.main-title { font-size: 55px; font-weight: 900; color: #001a4d; line-height: 1.1; margin: 0; letter-spacing: -1px; }\n.main-desc { font-size: 19px; color: #4a5568; margin: 20px 0; line-height: 1.6; }\n\n.hero-services {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; margin: 25px 0; max-width: 480px;\n}\n.hero-svc {\n    display: flex; align-items: center; gap: 8px; color: #001a4d; text-decoration: none;\n    font-weight: 700; font-size: 15px; transition: color 0.2s ease;\n}\n.hero-svc:hover { color: #d32f2f; }\n.hero-svc-check {\n    width: 20px; height: 20px; background: #22c55e; color: #fff; border-radius: 50%;\n    display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 900; flex-shrink: 0;\n}\n\n.big-call-btn {\n    background: #d32f2f; color: white !important; padding: 18px 30px; border-radius: 6px;\n    text-decoration: none !important; font-weight: 800; font-size: 20px; display: block;\n    text-align: center; max-width: 350px; box-shadow: 0 8px 15px rgba(211,47,47,0.3); transition: all 0.3s ease;\n}\n.big-call-btn:hover { background: #b71c1c; transform: translateY(-2px); }\n.trust-icons { margin-top: 15px; font-size: 14px; color: #718096; display: flex; gap: 15px; }\n.trust-icons b { color: #22c55e; }\n\n\/* HERO LIVE MAP *\/\n.hero-image-box { flex: 0.8; min-width: 280px; }\n.hero-map-wrap {\n    position: relative; border-radius: 16px; overflow: hidden;\n    box-shadow: 0 16px 40px rgba(0,26,77,0.18); border: 1px solid #e2e8f0;\n}\n#main-hero-map { width: 100%; height: 400px; background: #eaf0f7; }\n.leaflet-control-attribution { font-size: 9px !important; }\n.hero-map-badge {\n    position: absolute; top: 14px; left: 14px; z-index: 500; background: #d32f2f; color: #fff;\n    font-size: 0.7rem; font-weight: 900; letter-spacing: 0.5px; padding: 0.35rem 0.7rem; border-radius: 6px;\n    display: flex; align-items: center; gap: 0.4rem; box-shadow: 0 3px 10px rgba(211,47,47,0.4);\n}\n.hero-map-badge-dot { width: 7px; height: 7px; background: #fff; border-radius: 50%; animation: heroBlink 1s infinite; }\n@keyframes heroBlink { 0%,100%{opacity:1;} 50%{opacity:0.2;} }\n.hero-map-status {\n    position: absolute; top: 14px; right: 14px; z-index: 500; background: rgba(255,255,255,0.95);\n    color: #001a4d; font-size: 0.72rem; font-weight: 700; padding: 0.35rem 0.7rem; border-radius: 6px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n}\n.hero-map-foot {\n    position: absolute; bottom: 0; left: 0; right: 0; z-index: 500; background: rgba(0,26,77,0.85);\n    color: #cfe0f5; font-size: 0.72rem; font-weight: 600; padding: 0.6rem 1rem;\n    display: flex; align-items: center; gap: 0.5rem;\n}\n.hero-map-foot-dot { width: 7px; height: 7px; background: #22c55e; border-radius: 50%; animation: heroPulse 1.5s infinite; }\n@keyframes heroPulse {\n    0% { box-shadow: 0 0 0 0 rgba(34,197,94,0.6); }\n    70% { box-shadow: 0 0 0 7px rgba(34,197,94,0); }\n    100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }\n}\n.hero-van-icon {\n    background: #d32f2f; width: 26px; height: 26px; border-radius: 50%;\n    display: flex; align-items: center; justify-content: center; font-size: 14px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.3); border: 2px solid #fff;\n}\n\n@media (max-width: 980px) {\n    .ri-nav { display: none; }\n    .ri-burger { display: flex; }\n}\n@media (max-width: 768px) {\n    .main-title { font-size: 38px !important; }\n    .hero-container { padding: 30px 15px !important; text-align: left; }\n    .big-call-btn { max-width: 100%; font-size: 18px; }\n    .hero-image-box { order: 2; margin-top: 20px; }\n    .hero-services { grid-template-columns: 1fr 1fr; max-width: 100%; }\n    .ri-topbar-call { padding: 9px 12px; font-size: 13px; }\n    #main-hero-map { height: 320px; }\n}\n<\/style>\n\n<script>\nfunction riToggleMenu() {\n    var m = document.getElementById('riMobileMenu');\n    if (m) m.classList.toggle('ri-open');\n}\n\n(function() {\n  function initMainMap() {\n    if (typeof L === 'undefined') { setTimeout(initMainMap, 300); return; }\n    var mapEl = document.getElementById('main-hero-map');\n    if (!mapEl || mapEl._leaflet_id) return;\n\n    var center = [41.7000, -71.5000];\n    var map = L.map('main-hero-map', {\n      center: center, zoom: 10, zoomControl: false,\n      scrollWheelZoom: false, dragging: true, attributionControl: true\n    });\n\n    L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/light_all\/{z}\/{x}\/{y}{r}.png', {\n      attribution: '&copy; OpenStreetMap, &copy; CARTO', maxZoom: 19\n    }).addTo(map);\n\n    var vanIcon = L.divIcon({ className: '', html: '<div class=\"hero-van-icon\">\\uD83D\\uDE90<\/div>', iconSize: [26,26], iconAnchor: [13,13] });\n\n    var routes = [\n      [[41.824,-71.413],[41.810,-71.400],[41.835,-71.428],[41.820,-71.418]],\n      [[41.700,-71.416],[41.715,-71.430],[41.690,-71.440],[41.705,-71.410]],\n      [[41.780,-71.437],[41.765,-71.450],[41.790,-71.420],[41.775,-71.445]],\n      [[41.872,-71.382],[41.860,-71.395],[41.880,-71.370],[41.865,-71.388]],\n      [[41.490,-71.313],[41.505,-71.300],[41.480,-71.325],[41.495,-71.310]],\n      [[41.923,-71.412],[41.910,-71.400],[41.935,-71.425],[41.918,-71.418]],\n      [[41.700,-71.520],[41.715,-71.535],[41.688,-71.505],[41.705,-71.528]],\n      [[41.620,-71.510],[41.635,-71.495],[41.608,-71.525],[41.628,-71.500]],\n      [[41.760,-71.310],[41.775,-71.325],[41.748,-71.298],[41.768,-71.318]],\n      [[41.880,-71.520],[41.895,-71.505],[41.868,-71.535],[41.888,-71.512]]\n    ];\n\n    routes.forEach(function(route, idx) {\n      var marker = L.marker(route[0], { icon: vanIcon }).addTo(map);\n      var seg = 0, steps = 400, step = 0;\n      function animate() {\n        var a = route[seg], b = route[(seg+1) % route.length];\n        var t = step \/ steps;\n        marker.setLatLng([a[0]+(b[0]-a[0])*t, a[1]+(b[1]-a[1])*t]);\n        step++;\n        if (step > steps) { step = 0; seg = (seg+1) % route.length; }\n        setTimeout(animate, 130 + idx*15);\n      }\n      setTimeout(animate, idx * 600);\n    });\n\n    setTimeout(function(){ map.invalidateSize(); }, 400);\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initMainMap);\n  } else {\n    initMainMap();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3923508 elementor-widget elementor-widget-html\" data-id=\"3923508\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"recent-work-grid\" style=\"padding: 20px 5%; background: #ffffff; font-family: 'Inter', sans-serif;\">\n    <div style=\"max-width: 1200px; margin: 0 auto;\">\n        \n        <div style=\"margin-bottom: 25px; display: flex; align-items: center; gap: 10px;\">\n            <div style=\"width: 20px; height: 2px; background: #d21f3c;\"><\/div>\n            <span style=\"font-size: 13px; font-weight: 800; color: #0a2540; text-transform: uppercase; letter-spacing: 1.5px;\">\n                RECENT JOBS IN LOCAL AREA\n            <\/span>\n        <\/div>\n\n        <div class=\"work-scroll-container\" style=\"display: flex; gap: 15px; overflow-x: auto; padding-bottom: 30px; scrollbar-width: none; -webkit-overflow-scrolling: touch;\">\n            \n            <div class=\"work-box\">\n                <div class=\"work-img-container\">\n                    <img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/03\/IMG_6555-2.jpg\" alt=\"Local Work 1\">\n                <\/div>\n            <\/div>\n\n            <div class=\"work-box\">\n                <div class=\"work-img-container\">\n                    <img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/03\/IMG_6539.jpg\" alt=\"Local Work 2\">\n                <\/div>\n            <\/div>\n\n            <div class=\"work-box\">\n                <div class=\"work-img-container\">\n                    <img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/03\/IMG_6538.jpg\" alt=\"Local Work 3\">\n                <\/div>\n            <\/div>\n\n            <div class=\"work-box\">\n                <div class=\"work-img-container\">\n                    <img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/03\/IMG_6535.jpg\" alt=\"Local Work 4\">\n                <\/div>\n            <\/div>\n\n            <div class=\"work-box\">\n                <div class=\"work-img-container\">\n                    <img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/03\/IMG_6536.jpg\" alt=\"Local Work 5\">\n                <\/div>\n            <\/div>\n\n            <div class=\"work-box\">\n                <div class=\"work-img-container\">\n                    <img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/03\/IMG_6534.jpg\" alt=\"Local Work 6\">\n                <\/div>\n            <\/div>\n\n            <div class=\"work-box\">\n                <div class=\"work-img-container\">\n                    <img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/03\/IMG_6553.jpg\" alt=\"Local Work 7\">\n                <\/div>\n            <\/div>\n\n            <div class=\"work-box\">\n                <div class=\"work-img-container\">\n                    <img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/03\/IMG_6550.jpg\" alt=\"Local Work 8\">\n                <\/div>\n            <\/div>\n\n            <div class=\"work-box\">\n                <div class=\"work-img-container\">\n                    <img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/03\/IMG_6552.jpg\" alt=\"Local Work 9\">\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* \u05de\u05e1\u05ea\u05d9\u05e8 \u05e4\u05e1 \u05d2\u05dc\u05d9\u05dc\u05d4 *\/\n    .work-scroll-container::-webkit-scrollbar { display: none; }\n\n    \/* \u05d4\u05db\u05e8\u05d8\u05d9\u05e1 \u05d4\u05dc\u05d1\u05df \u05d4\u05e7\u05d5\u05de\u05e4\u05e7\u05d8\u05d9 *\/\n    .work-box {\n        min-width: 150px; \/* \u05e8\u05d5\u05d7\u05d1 \u05de\u05dc\u05d1\u05df \u05e0\u05e7\u05d9 *\/\n        background: #ffffff;\n        border: 1px solid #e2e8f0;\n        border-radius: 6px; \/* \u05e7\u05e6\u05d5\u05d5\u05ea \u05de\u05e2\u05d5\u05d2\u05dc\u05d9\u05dd \u05e0\u05e7\u05d9\u05d9\u05dd *\/\n        overflow: hidden; \/* \u05e9\u05d5\u05de\u05e8 \u05e9\u05d4\u05d0\u05e4\u05e7\u05d8\u05d9\u05dd \u05dc\u05d0 \u05d9\u05e6\u05d0\u05d5 \u05de\u05d4\u05d2\u05d1\u05d5\u05dc *\/\n        display: flex;\n        flex-direction: column;\n        \n        \/* \u05e6\u05dc \u05e2\u05d3\u05d9\u05df \u05d1\u05de\u05e6\u05d1 \u05e8\u05d2\u05d9\u05dc *\/\n        box-shadow: 0 4px 10px rgba(0,0,0,0.03);\n        \n        \/* \u05de\u05e2\u05d1\u05e8 \u05d7\u05dc\u05e7 \u05dc\u05db\u05dc \u05d4\u05d0\u05e4\u05e7\u05d8\u05d9\u05dd *\/\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        cursor: pointer;\n        position: relative; \/* \u05d7\u05d5\u05d1\u05d4 \u05e2\u05d1\u05d5\u05e8 \u05d0\u05e4\u05e7\u05d8 \u05d4\u05d1\u05e8\u05e7 *\/\n    }\n\n    \/* \u05de\u05d9\u05db\u05dc \u05d4\u05ea\u05de\u05d5\u05e0\u05d4 - \u05d3\u05d5\u05d0\u05d2 \u05e9\u05d4\u05d9\u05d0 \u05ea\u05d4\u05d9\u05d4 \u05d1\u05e8\u05d9\u05d1\u05d5\u05e2 \u05d5\u05dc\u05d0 \u05ea\u05de\u05e8\u05d7 *\/\n    .work-img-container {\n        width: 100%;\n        height: 120px; \/* \u05d2\u05d5\u05d1\u05d4 \u05e7\u05e9\u05d9\u05d7 \u05dc\u05de\u05dc\u05d1\u05df *\/\n        overflow: hidden;\n        position: relative;\n    }\n\n    .work-img-container img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover; \/* \u05d7\u05d5\u05ea\u05da \u05d0\u05ea \u05d4\u05ea\u05de\u05d5\u05e0\u05d4 \u05e9\u05ea\u05ea\u05d0\u05d9\u05dd \u05d1\u05d3\u05d9\u05d5\u05e7 *\/\n        display: block;\n        \n        \/* \u05de\u05e2\u05d1\u05e8 \u05d7\u05dc\u05e7 \u05dc\u05d0\u05e4\u05e7\u05d8 \u05d4-Zoom *\/\n        transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    }\n\n    \/* ********** \u05d0\u05e0\u05d9\u05de\u05e6\u05d9\u05d5\u05ea \u05de\u05d5\u05e9\u05db\u05d5\u05ea \u05d5\u05de\u05e2\u05e0\u05d9\u05d9\u05e0\u05d5\u05ea \u05d1-Hover ********** *\/\n\n    \/* 1. \u05d0\u05e4\u05e7\u05d8 \u05d4\u05d1\u05e8\u05e7 (Shine Effect) - \u05de\u05e1\u05d2\u05e8\u05ea \u05d4\u05e7\u05e8\u05df *\/\n    .work-box::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%; \/* \u05de\u05ea\u05d7\u05d9\u05dc \u05de\u05d7\u05d5\u05e5 \u05dc\u05e4\u05e8\u05d9\u05d9\u05dd *\/\n        width: 50%;\n        height: 100%;\n        background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);\n        z-index: 2;\n        transition: none; \/* \u05db\u05d3\u05d9 \u05e9\u05d9\u05e8\u05d5\u05e5 \u05e8\u05e7 \u05d1-Hover *\/\n    }\n\n    \/* 2. \u05d0\u05e0\u05d9\u05de\u05e6\u05d9\u05d5\u05ea \u05d4-Hover \u05e2\u05dc \u05db\u05dc \u05d4\u05db\u05e8\u05d8\u05d9\u05e1 *\/\n    .work-box:hover {\n        transform: translateY(-8px) scale(1.02); \/* \u05d4\u05db\u05e8\u05d8\u05d9\u05e1 \u05e2\u05d5\u05dc\u05d4 \u05dc\u05de\u05e2\u05dc\u05d4 \u05d5\u05d2\u05d3\u05dc \u05e7\u05e6\u05ea *\/\n        border-color: #cbd5e1; \/* \u05d4\u05d2\u05d1\u05d5\u05dc \u05d4\u05d5\u05e4\u05da \u05dc\u05db\u05d4\u05d4 \u05d9\u05d5\u05ea\u05e8 *\/\n        \n        \/* \u05d4\u05e6\u05dc \u05d4\u05d5\u05e4\u05da \u05dc\u05e2\u05de\u05d5\u05e7 \u05d5\u05e8\u05da, \u05e0\u05d5\u05ea\u05df \u05ea\u05d7\u05d5\u05e9\u05ea \"\u05e6\u05e3\" *\/\n        box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n    }\n\n    \/* 3. \u05d0\u05e0\u05d9\u05de\u05e6\u05d9\u05d4 \u05e9\u05dc \u05d4-Shine (\u05d1\u05e8\u05e7) \u05d1-Hover *\/\n    .work-box:hover::before {\n        animation: shine 0.7s; \/* \u05de\u05e8\u05d9\u05e5 \u05d0\u05ea \u05d4\u05d0\u05e0\u05d9\u05de\u05e6\u05d9\u05d4 \u05d4\u05de\u05d5\u05d2\u05d3\u05e8\u05ea \u05dc\u05de\u05d8\u05d4 *\/\n    }\n\n    \/* 4. \u05d0\u05e0\u05d9\u05de\u05e6\u05d9\u05d4 \u05e9\u05dc \u05d4\u05ea\u05de\u05d5\u05e0\u05d4 \u05d1-Hover *\/\n    .work-box:hover .work-img-container img {\n        transform: scale(1.15); \/* \u05d4\u05ea\u05de\u05d5\u05e0\u05d4 \u05d2\u05d3\u05dc\u05d4 \u05d1\u05e2\u05d3\u05d9\u05e0\u05d5\u05ea (Zoom in) *\/\n    }\n\n    \/* \u05d4\u05d2\u05d3\u05e8\u05ea \u05d4\u05d0\u05e0\u05d9\u05de\u05e6\u05d9\u05d4 \u05e9\u05dc \u05d4\u05d1\u05e8\u05e7 (Shine) *\/\n    @keyframes shine {\n        100% {\n            left: 100%; \/* \u05e8\u05e5 \u05de\u05e6\u05d3 \u05dc\u05e6\u05d3 *\/\n        }\n    }\n\n    \/* \u05d4\u05ea\u05d0\u05de\u05d4 \u05dc\u05e4\u05dc\u05d0\u05e4\u05d5\u05df *\/\n    @media (max-width: 768px) {\n        .work-box { min-width: 130px; }\n        .work-img-container { height: 100px; }\n    }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97d7ff6 elementor-widget elementor-widget-html\" data-id=\"97d7ff6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"logic-split-section\" style=\"padding: 60px 5%; background: #ffffff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; overflow: hidden;\">\n    <div class=\"lss-grid\" style=\"max-width: 1300px; margin: 0 auto; display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 40px; align-items: center;\">\n\n        <div class=\"reviews-slider-side\" style=\"overflow: hidden; min-width: 0;\">\n            <div style=\"display: inline-flex; align-items: center; gap: 10px; background: white; padding: 8px 18px; border-radius: 50px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); margin-bottom: 20px; border: 1px solid #e2e8f0;\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\">\n                    <path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" fill=\"#4285F4\"\/>\n                    <path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill=\"#34A853\"\/>\n                    <path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l3.66-2.84z\" fill=\"#FBBC05\"\/>\n                    <path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.66l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill=\"#EA4335\"\/>\n                <\/svg>\n                <span style=\"font-weight: 700; color: #475569; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase;\">Verified Google Reviews<\/span>\n            <\/div>\n\n            <h2 style=\"font-size: 40px; color: #001a4d; font-weight: 800; margin-bottom: 30px; letter-spacing: -1.5px;\">\n                Highest Rated in <span style=\"color: #d32f2f;\">Rhode Island<\/span>\n            <\/h2>\n\n            <div class=\"original-slider\" style=\"display: flex; gap: 20px; overflow-x: auto; padding-bottom: 20px; scroll-snap-type: x mandatory; scrollbar-width: none;\">\n\n                <div class=\"orig-card\">\n                    <div class=\"orig-header\">\n                        <div class=\"orig-user\">\n                            <div class=\"orig-avatar\" style=\"background: #FBBC05;\">AD<\/div>\n                            <div>\n                                <div class=\"orig-name\">Amanda Davis<\/div>\n                                <div class=\"orig-sub\">Verified Customer<\/div>\n                            <\/div>\n                        <\/div>\n                        <span class=\"orig-google\">Google<\/span>\n                    <\/div>\n                    <div class=\"orig-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\n                    <p class=\"orig-text\">\"Fastest response in Rhode Island. They fixed my ignition right on the spot. Highly recommend!\"<\/p>\n                <\/div>\n\n                <div class=\"orig-card\">\n                    <div class=\"orig-header\">\n                        <div class=\"orig-user\">\n                            <div class=\"orig-avatar\" style=\"background: #4285F4;\">JB<\/div>\n                            <div>\n                                <div class=\"orig-name\">James Benson<\/div>\n                                <div class=\"orig-sub\">Local Guide<\/div>\n                            <\/div>\n                        <\/div>\n                        <span class=\"orig-google\">Google<\/span>\n                    <\/div>\n                    <div class=\"orig-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\n                    <p class=\"orig-text\">\"Locked out at 2 AM. Tech arrived fast, just as promised. Fair price and very professional.\"<\/p>\n                <\/div>\n\n                <div class=\"orig-card\">\n                    <div class=\"orig-header\">\n                        <div class=\"orig-user\">\n                            <div class=\"orig-avatar\" style=\"background: #34A853;\">TC<\/div>\n                            <div>\n                                <div class=\"orig-name\">Tom Collins<\/div>\n                                <div class=\"orig-sub\">Business Owner<\/div>\n                            <\/div>\n                        <\/div>\n                        <span class=\"orig-google\">Google<\/span>\n                    <\/div>\n                    <div class=\"orig-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\n                    <p class=\"orig-text\">\"Best commercial locksmith service. Handled our office rekeying perfectly. Transparent pricing.\"<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"why-choose-side\" style=\"background: #001a4d; padding: 40px; border-radius: 20px; color: white;\">\n            <h3 style=\"font-size: 28px; font-weight: 800; margin-bottom: 25px;\">Why Choose Us?<\/h3>\n\n            <div style=\"display: flex; flex-direction: column; gap: 20px;\">\n                <div class=\"b-row\">\n                    <div class=\"b-check\">&#10003;<\/div>\n                    <div><strong>Fast Response<\/strong><p>Mobile techs stationed across Rhode Island.<\/p><\/div>\n                <\/div>\n                <div class=\"b-row\">\n                    <div class=\"b-check\">&#10003;<\/div>\n                    <div><strong>No Hidden Fees<\/strong><p>Flat rates quoted upfront.<\/p><\/div>\n                <\/div>\n                <div class=\"b-row\">\n                    <div class=\"b-check\">&#10003;<\/div>\n                    <div><strong>Licensed Pros<\/strong><p>Certified &amp; insured technicians.<\/p><\/div>\n                <\/div>\n            <\/div>\n\n            <a href=\"tel:4012993339\" style=\"display: block; text-align: center; background: #d32f2f; color: white; padding: 18px; border-radius: 10px; margin-top: 30px; text-decoration: none; font-weight: 800; font-size: 18px;\" onmouseover=\"this.style.background='#b71c1c'\" onmouseout=\"this.style.background='#d32f2f'\">\n                &#128222; Call Now &mdash; 401-299-3339\n            <\/a>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n    .original-slider::-webkit-scrollbar { display: none; }\n\n    .orig-card {\n        min-width: 320px;\n        background: #f8fafc;\n        padding: 25px;\n        border-radius: 16px;\n        border: 1px solid #e2e8f0;\n        scroll-snap-align: start;\n        display: flex;\n        flex-direction: column;\n    }\n    .orig-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; }\n    .orig-user { display: flex; gap: 12px; align-items: center; }\n    .orig-avatar { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; font-size: 14px; }\n    .orig-name { font-weight: 700; color: #001a4d; font-size: 15px; }\n    .orig-sub { font-size: 12px; color: #64748b; }\n    .orig-google { font-size: 12px; color: #cbd5e1; font-weight: 600; }\n    .orig-stars { color: #ffb400; font-size: 12px; margin-bottom: 10px; }\n    .orig-text { font-size: 14px; color: #475569; line-height: 1.6; margin: 0; font-style: italic; }\n\n    .b-row { display: flex; gap: 12px; align-items: flex-start; }\n    .b-check { width: 22px; height: 22px; background: #22c55e; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 12px; flex-shrink: 0; }\n    .b-row strong { font-size: 16px; display: block; }\n    .b-row p { margin: 2px 0 0 0; font-size: 13px; opacity: 0.7; }\n\n    @media (max-width: 991px) {\n        #logic-split-section .lss-grid { grid-template-columns: 1fr !important; }\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-937a2e4 elementor-widget elementor-widget-html\" data-id=\"937a2e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"pro-services\" style=\"padding: 60px 5%; background: #f8fafc; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\">\n    <div style=\"max-width: 1300px; margin: 0 auto;\">\n        <div style=\"text-align: center; margin-bottom: 50px;\">\n            <div style=\"display:inline-flex; align-items:center; gap:0.5rem; background:#ecfdf3; color:#15803d; padding:0.45rem 1.1rem; border-radius:50px; font-size:0.8rem; font-weight:700; margin-bottom:1.2rem; border:1px solid #bbf7d0;\">\n                <span style=\"width:8px; height:8px; background:#22c55e; border-radius:50%; display:inline-block;\"><\/span>\n                Technicians Available Now &mdash; 24\/7\n            <\/div>\n            <h2 style=\"font-size: clamp(32px, 5vw, 45px); color: #001a4d; font-weight: 900; letter-spacing: -1.5px; line-height: 1.1;\">\n                Professional Locksmith Services in <span style=\"color: #d32f2f;\">Rhode Island<\/span>\n            <\/h2>\n            <p style=\"color: #64748b; margin-top: 15px; font-size: 18px;\">Licensed. Bonded. Insured. Fast response across all of RI &mdash; your safety is our priority.<\/p>\n        <\/div>\n\n        <div class=\"pro-grid-fix\" style=\"display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;\">\n\n            <div class=\"trust-card\">\n                <div class=\"card-header\">\n                    <div class=\"check-icon\">&#10003;<\/div>\n                    <h3>Emergency Lockout<\/h3>\n                <\/div>\n                <ul class=\"check-list\">\n                    <li>Fast Rapid Response<\/li>\n                    <li>Damage-Free Door Opening<\/li>\n                    <li>Available 24\/7 Across Rhode Island<\/li>\n                    <li>Residential &amp; Commercial<\/li>\n                <\/ul>\n                <a href=\"https:\/\/rilockandkeys.com\/?page_id=172\" class=\"card-link\">View Service &rarr;<\/a>\n                <a href=\"tel:4012993339\" class=\"card-cta\">Call Now<\/a>\n            <\/div>\n\n            <div class=\"trust-card\">\n                <div class=\"card-header\">\n                    <div class=\"check-icon\">&#10003;<\/div>\n                    <h3>Car Key Specialist<\/h3>\n                <\/div>\n                <ul class=\"check-list\">\n                    <li>Transponder Key Programming<\/li>\n                    <li>Laser Key Cutting On-Site<\/li>\n                    <li>Key Fob Replacements<\/li>\n                    <li>Ignition Repair &amp; Replace<\/li>\n                <\/ul>\n                <a href=\"https:\/\/rilockandkeys.com\/?page_id=172\" class=\"card-link\">View Service &rarr;<\/a>\n                <a href=\"tel:4012993339\" class=\"card-cta\">Call Now<\/a>\n            <\/div>\n\n            <div class=\"trust-card\">\n                <div class=\"card-header\">\n                    <div class=\"check-icon\">&#10003;<\/div>\n                    <h3>Home Security<\/h3>\n                <\/div>\n                <ul class=\"check-list\">\n                    <li>Full House Rekeying<\/li>\n                    <li>High-Security Lock Install<\/li>\n                    <li>Smart Lock Integration<\/li>\n                    <li>Mailbox &amp; Gate Locks<\/li>\n                <\/ul>\n                <a href=\"https:\/\/rilockandkeys.com\/?page_id=195\" class=\"card-link\">View Service &rarr;<\/a>\n                <a href=\"tel:4012993339\" class=\"card-cta\">Call Now<\/a>\n            <\/div>\n\n            <div class=\"trust-card\">\n                <div class=\"card-header\">\n                    <div class=\"check-icon\">&#10003;<\/div>\n                    <h3>Business Solutions<\/h3>\n                <\/div>\n                <ul class=\"check-list\">\n                    <li>Master Key Systems<\/li>\n                    <li>Panic Bar Installation<\/li>\n                    <li>Electronic Access Control<\/li>\n                    <li>Heavy-Duty Deadbolts<\/li>\n                <\/ul>\n                <a href=\"https:\/\/rilockandkeys.com\/?page_id=214\" class=\"card-link\">View Service &rarr;<\/a>\n                <a href=\"tel:4012993339\" class=\"card-cta\">Call Now<\/a>\n            <\/div>\n\n        <\/div>\n\n        <div style=\"text-align: center; margin-top: 50px;\">\n            <a href=\"tel:4012993339\" class=\"cta-button\">\n                <span style=\"font-size: 13px; text-transform: uppercase; letter-spacing: 1px; display: block; margin-bottom: 5px; opacity: 0.85;\">Talk to a Local RI Expert &mdash; 24\/7<\/span>\n                &#128222; Call Now 401-299-3339\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    @media (min-width: 1024px) {\n        .pro-grid-fix { grid-template-columns: repeat(4, 1fr) !important; }\n    }\n    @media (max-width: 1023px) {\n        .pro-grid-fix { grid-template-columns: repeat(1, 1fr) !important; gap: 15px !important; }\n    }\n\n    .trust-card {\n        background: white;\n        border: 1px solid #e2e8f0;\n        border-radius: 12px;\n        padding: 25px;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n        display: flex;\n        flex-direction: column;\n    }\n    .trust-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n        border-color: #d32f2f;\n    }\n\n    .card-header {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-bottom: 15px;\n        border-bottom: 1px solid #f1f5f9;\n        padding-bottom: 15px;\n    }\n    .check-icon {\n        width: 30px;\n        height: 30px;\n        background: #22c55e;\n        color: white;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: 900;\n        font-size: 16px;\n        flex-shrink: 0;\n    }\n    .card-header h3 {\n        margin: 0;\n        font-size: 19px;\n        color: #001a4d;\n        font-weight: 800;\n    }\n\n    .check-list {\n        list-style: none;\n        padding: 0;\n        margin: 0 0 18px;\n        flex-grow: 1;\n    }\n    .check-list li {\n        position: relative;\n        padding-left: 22px;\n        margin-bottom: 10px;\n        color: #475569;\n        font-size: 14px;\n        font-weight: 500;\n        line-height: 1.4;\n    }\n    .check-list li::before {\n        content: '\\2713';\n        position: absolute;\n        left: 0;\n        color: #22c55e;\n        font-weight: 900;\n    }\n\n    .card-link {\n        display: block;\n        text-align: center;\n        color: #001a4d;\n        padding: 0.6rem;\n        border-radius: 8px;\n        text-decoration: none;\n        font-weight: 700;\n        font-size: 0.85rem;\n        margin-top: auto;\n        margin-bottom: 0.5rem;\n        transition: all 0.25s ease;\n    }\n    .card-link:hover { color: #d32f2f; }\n\n    .card-cta {\n        display: block;\n        text-align: center;\n        background: #d32f2f;\n        color: #fff;\n        padding: 0.7rem;\n        border-radius: 8px;\n        text-decoration: none;\n        font-weight: 700;\n        font-size: 0.9rem;\n        transition: all 0.25s ease;\n    }\n    .card-cta:hover {\n        background: #b71c1c;\n    }\n\n    .cta-button {\n        display: inline-block;\n        background: #d32f2f;\n        color: white;\n        padding: 20px 50px;\n        border-radius: 8px;\n        text-decoration: none;\n        font-weight: 800;\n        font-size: 22px;\n        box-shadow: 0 10px 20px rgba(211, 47, 47, 0.25);\n        transition: all 0.3s ease;\n        animation: ctaPulse 1.8s infinite;\n    }\n    .cta-button:hover {\n        background: #001a4d;\n        transform: scale(1.03);\n    }\n\n    @keyframes ctaPulse {\n        0%   { box-shadow: 0 10px 20px rgba(211,47,47,0.25); }\n        50%  { box-shadow: 0 10px 30px rgba(211,47,47,0.5); }\n        100% { box-shadow: 0 10px 20px rgba(211,47,47,0.25); }\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0cc0348 elementor-widget elementor-widget-html\" data-id=\"0cc0348\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"service-area-premium\" style=\"padding: 100px 5%; background: #ffffff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\">\n    <div style=\"max-width: 1200px; margin: 0 auto;\">\n\n        <div class=\"sap-grid\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;\">\n\n            <div>\n                <div style=\"color: #d32f2f; font-weight: 800; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px;\">\n                    Local Coverage\n                <\/div>\n                <h2 style=\"font-size: 48px; color: #001a4d; font-weight: 900; line-height: 1.1; margin-bottom: 25px; letter-spacing: -2px;\">\n                    Your Local Locksmith Across <span style=\"border-bottom: 4px solid #d32f2f;\">Rhode Island<\/span>\n                <\/h2>\n                <p style=\"font-size: 18px; color: #475569; line-height: 1.8; margin-bottom: 35px;\">\n                    We operate a fleet of fully-equipped mobile workshops across Rhode Island. From emergency lockouts to complex commercial security, we bring the shop to your doorstep &mdash; fast, professional, and fully equipped.\n                <\/p>\n\n                <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px; border-top: 1px solid #eee; padding-top: 35px;\">\n                    <div>\n                        <h4 style=\"color: #001a4d; margin-bottom: 10px; font-weight: 800;\">Primary Areas<\/h4>\n                        <ul style=\"list-style: none; padding: 0; color: #64748b; font-size: 15px; line-height: 2;\">\n                            <li>&bull; Warwick \/ West Warwick<\/li>\n                            <li>&bull; Providence \/ East Prov.<\/li>\n                            <li>&bull; Cranston &amp; Johnston<\/li>\n                            <li>&bull; Coventry &amp; East Greenwich<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div>\n                        <h4 style=\"color: #001a4d; margin-bottom: 10px; font-weight: 800;\">Service Hours<\/h4>\n                        <ul style=\"list-style: none; padding: 0; color: #64748b; font-size: 15px; line-height: 2;\">\n                            <li>&bull; Monday - Sunday: 24\/7<\/li>\n                            <li>&bull; Emergency Response<\/li>\n                            <li>&bull; Holidays: Open<\/li>\n                            <li style=\"color: #22c55e; font-weight: 700;\">&bull; Status: Active Now<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div style=\"position: relative;\">\n                <div style=\"background: #f8fafc; border-radius: 30px; padding: 40px; border: 1px solid #e2e8f0; position: relative; overflow: hidden;\">\n                    <div style=\"position: absolute; top: 0; right: 0; background: #d32f2f; color: white; padding: 15px 30px; font-weight: 900; border-bottom-left-radius: 20px;\">\n                        FAST ARRIVAL\n                    <\/div>\n\n                    <div style=\"margin-top: 20px;\">\n                        <div style=\"font-size: 64px; font-weight: 900; color: #001a4d; line-height: 1;\">24\/7<\/div>\n                        <div style=\"font-size: 18px; font-weight: 800; color: #d32f2f; text-transform: uppercase;\">Always Available<\/div>\n                    <\/div>\n\n                    <div style=\"margin-top: 40px; border-left: 4px solid #001a4d; padding-left: 20px;\">\n                        <p style=\"font-size: 16px; color: #475569; font-style: italic; margin: 0;\">\n                            \"I was stranded at T.F. Green at 3 AM. They were there before I finished my coffee. Incredible service.\"\n                        <\/p>\n                        <div style=\"margin-top: 10px; font-weight: 800; color: #001a4d; font-size: 14px;\">&mdash; Michael R., Warwick Resident<\/div>\n                    <\/div>\n\n                    <a href=\"tel:4012993339\" style=\"display: block; margin-top: 40px; background: #d32f2f; color: white; text-align: center; padding: 20px; border-radius: 12px; text-decoration: none; font-weight: 800; font-size: 18px; transition: 0.3s;\" onmouseover=\"this.style.background='#b71c1c'\" onmouseout=\"this.style.background='#d32f2f'\">\n                        &#128222; Call Now &mdash; 401-299-3339\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    @media (max-width: 991px) {\n        #service-area-premium .sap-grid { grid-template-columns: 1fr !important; gap: 50px; }\n        #service-area-premium h2 { font-size: 36px; }\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc482e2 elementor-widget elementor-widget-html\" data-id=\"cc482e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"fast-convert\" style=\"padding: 40px 5%; background: #ffffff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\">\n    <div class=\"fast-convert-container\">\n\n        <div class=\"faq-side\">\n            <h2 style=\"font-size: 28px; color: #001a4d; font-weight: 900; margin-bottom: 20px; letter-spacing: -1px;\">Common Questions<\/h2>\n\n            <div class=\"compact-faq\">\n                <details open style=\"margin-bottom: 10px; border-bottom: 1px solid #f1f5f9; padding-bottom: 10px;\">\n                    <summary style=\"font-weight: 700; color: #001a4d; cursor: pointer; list-style: none; display: flex; justify-content: space-between;\">\n                        How fast can you get here? <span style=\"color: #d32f2f;\">+<\/span>\n                    <\/summary>\n                    <p style=\"font-size: 14px; color: #64748b; margin-top: 8px; line-height: 1.5;\">Our technicians are mobile and stationed across Rhode Island, so we're usually nearby. We're available 24\/7 and aim to reach you as fast as possible.<\/p>\n                <\/details>\n\n                <details style=\"margin-bottom: 10px; border-bottom: 1px solid #f1f5f9; padding-bottom: 10px;\">\n                    <summary style=\"font-weight: 700; color: #001a4d; cursor: pointer; list-style: none; display: flex; justify-content: space-between;\">\n                        Are you available 24\/7? <span style=\"color: #d32f2f;\">+<\/span>\n                    <\/summary>\n                    <p style=\"font-size: 14px; color: #64748b; margin-top: 8px; line-height: 1.5;\">Yes, day or night, weekends, and holidays. We never close.<\/p>\n                <\/details>\n\n                <details style=\"margin-bottom: 10px; border-bottom: 1px solid #f1f5f9; padding-bottom: 10px;\">\n                    <summary style=\"font-weight: 700; color: #001a4d; cursor: pointer; list-style: none; display: flex; justify-content: space-between;\">\n                        Do you offer upfront pricing? <span style=\"color: #d32f2f;\">+<\/span>\n                    <\/summary>\n                    <p style=\"font-size: 14px; color: #64748b; margin-top: 8px; line-height: 1.5;\">Absolutely. We provide clear estimates over the phone so you know what to expect &mdash; no hidden fees, ever.<\/p>\n                <\/details>\n\n                <details style=\"margin-bottom: 10px; border-bottom: 1px solid #f1f5f9; padding-bottom: 10px;\">\n                    <summary style=\"font-weight: 700; color: #001a4d; cursor: pointer; list-style: none; display: flex; justify-content: space-between;\">\n                        What services do you offer? <span style=\"color: #d32f2f;\">+<\/span>\n                    <\/summary>\n                    <p style=\"font-size: 14px; color: #64748b; margin-top: 8px; line-height: 1.5;\">We're a full-service locksmith: car keys &amp; lockouts, home re-keying &amp; locks, commercial &amp; master key systems, access control, and safe opening &mdash; all across Rhode Island.<\/p>\n                <\/details>\n\n                <details style=\"margin-bottom: 10px; border-bottom: 1px solid #f1f5f9; padding-bottom: 10px;\">\n                    <summary style=\"font-weight: 700; color: #001a4d; cursor: pointer; list-style: none; display: flex; justify-content: space-between;\">\n                        Are you licensed and insured? <span style=\"color: #d32f2f;\">+<\/span>\n                    <\/summary>\n                    <p style=\"font-size: 14px; color: #64748b; margin-top: 8px; line-height: 1.5;\">Yes. All our technicians are fully licensed, bonded, and insured &mdash; so your property and vehicle are always in safe hands.<\/p>\n                <\/details>\n\n                <details style=\"margin-bottom: 10px;\">\n                    <summary style=\"font-weight: 700; color: #001a4d; cursor: pointer; list-style: none; display: flex; justify-content: space-between;\">\n                        What payment methods do you accept? <span style=\"color: #d32f2f;\">+<\/span>\n                    <\/summary>\n                    <p style=\"font-size: 14px; color: #64748b; margin-top: 8px; line-height: 1.5;\">We accept all major credit cards, debit, and cash for your convenience. Payment is collected after the job is done.<\/p>\n                <\/details>\n            <\/div>\n\n            <div style=\"margin-top: 25px; padding: 15px; background: #f0fdf4; border-radius: 8px; display: flex; align-items: center; gap: 10px;\">\n                <span style=\"background: #22c55e; color: white; border-radius: 50%; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 12px;\">&#10003;<\/span>\n                <span style=\"font-size: 13px; font-weight: 700; color: #166534;\">Verified, Licensed &amp; Insured Technicians<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"form-side\" style=\"background: #f8fafc; padding: 30px; border-radius: 15px; border: 1px solid #e2e8f0; position: relative;\">\n            <div style=\"position: absolute; top: -12px; right: 20px; background: #d32f2f; color: white; padding: 4px 12px; border-radius: 4px; font-size: 11px; font-weight: 900; text-transform: uppercase;\">Get Response in 5 Mins<\/div>\n\n            <h3 style=\"font-size: 22px; color: #001a4d; font-weight: 800; margin-bottom: 5px;\">Get a Quick Quote<\/h3>\n            <p style=\"font-size: 13px; color: #64748b; margin-bottom: 20px;\">Fill the form or call us for immediate service.<\/p>\n\n            <form action=\"https:\/\/formsubmit.co\/rilockandkeys@gmail.com\" method=\"POST\" style=\"display: flex; flex-direction: column; gap: 12px;\">\n                <input type=\"hidden\" name=\"_subject\" value=\"New Contact Form Lead!\">\n                <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n                <input type=\"hidden\" name=\"_next\" value=\"https:\/\/rilockandkeys.com\/\">\n\n                <input type=\"text\" name=\"Name\" placeholder=\"Full Name\" required style=\"padding: 12px; border-radius: 6px; border: 1px solid #cbd5e1; font-size: 16px;\">\n\n                <input type=\"tel\" name=\"Phone\" placeholder=\"Phone Number\" required style=\"padding: 12px; border-radius: 6px; border: 1px solid #cbd5e1; font-size: 16px;\">\n\n                <input type=\"text\" name=\"Address\" placeholder=\"Service Address\" required style=\"padding: 12px; border-radius: 6px; border: 1px solid #cbd5e1; font-size: 16px;\">\n\n                <select name=\"Service\" required style=\"padding: 12px; border-radius: 6px; border: 1px solid #cbd5e1; font-size: 16px; background: white; color: #475569;\">\n                    <option value=\"\">Select Service...<\/option>\n                    <option value=\"Emergency Lockout\">Emergency Lockout<\/option>\n                    <option value=\"Car Key Replacement\">Car Key Replacement<\/option>\n                    <option value=\"Rekeying\">Rekeying \/ Lock Install<\/option>\n                    <option value=\"Commercial\">Commercial Service<\/option>\n                    <option value=\"Access Control\">Access Control<\/option>\n                    <option value=\"Safe Service\">Safe Opening \/ Service<\/option>\n                <\/select>\n\n                <button type=\"submit\" class=\"fc-submit\" style=\"background: #d32f2f; color: white; padding: 15px; border: none; border-radius: 6px; font-weight: 800; font-size: 16px; cursor: pointer; transition: 0.3s;\">\n                    SEND REQUEST\n                <\/button>\n            <\/form>\n\n            <div style=\"margin-top: 15px; text-align: center; border-top: 1px dashed #cbd5e1; padding-top: 15px;\">\n                <span style=\"font-size: 12px; color: #64748b; display: block; margin-bottom: 5px;\">Emergency? Call 24\/7:<\/span>\n                <a href=\"tel:4012993339\" style=\"font-size: 22px; color: #d32f2f; font-weight: 900; text-decoration: none;\">401-299-3339<\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n    .fast-convert-container {\n        max-width: 1100px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 40px;\n        align-items: start;\n    }\n\n    summary::-webkit-details-marker { display: none; }\n\n    input:focus, select:focus {\n        border-color: #d32f2f !important;\n        outline: none;\n        box-shadow: 0 0 5px rgba(211,47,47,0.15);\n    }\n\n    .fc-submit:hover { background: #b71c1c !important; transform: translateY(-2px); }\n\n    input, select { font-size: 16px !important; }\n\n    @media (max-width: 768px) {\n        .fast-convert-container {\n            grid-template-columns: 1fr !important;\n            gap: 30px;\n        }\n        .faq-side { order: 2; }\n        .form-side { order: 1; }\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8fca143 elementor-widget elementor-widget-html\" data-id=\"8fca143\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer style=\"background: #0a2540; color: #ffffff; padding: 80px 5% 40px; font-family: 'Inter', sans-serif;\">\n    <div style=\"max-width: 1200px; margin: 0 auto;\">\n        \n        <div style=\"display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 40px; padding-bottom: 60px; border-bottom: 1px solid rgba(255,255,255,0.1);\">\n            \n            <div>\n                <div style=\"font-size: 24px; font-weight: 900; color: #ffffff; margin-bottom: 20px;\">\n                    RI<span style=\"color: #d21f3c;\">LOCK<\/span>&KEYS\n                <\/div>\n                <p style=\"font-size: 14px; color: #94a3b8; line-height: 1.6; margin-bottom: 20px;\">\n                    Your trusted 24\/7 mobile locksmith professionals in Rhode Island. Specialized in emergency lockouts, car key programming, and residential security.\n                <\/p>\n                <div style=\"display: flex; gap: 15px;\">\n                    <span style=\"color: #22c55e; font-size: 14px; font-weight: 700;\">\u25cf Licensed<\/span>\n                    <span style=\"color: #22c55e; font-size: 14px; font-weight: 700;\">\u25cf Bonded<\/span>\n                    <span style=\"color: #22c55e; font-size: 14px; font-weight: 700;\">\u25cf Insured<\/span>\n                <\/div>\n            <\/div>\n\n            <div>\n                <h4 style=\"font-size: 16px; font-weight: 800; margin-bottom: 20px; color: #ffffff;\">Our Services<\/h4>\n                <ul style=\"list-style: none; padding: 0; font-size: 14px; color: #94a3b8; line-height: 2.2;\">\n                    <li>Emergency Lockout<\/li>\n                    <li>Car Key Replacement<\/li>\n                    <li>Residential Rekey<\/li>\n                    <li>Commercial Security<\/li>\n                <\/ul>\n            <\/div>\n\n            <div>\n                <h4 style=\"font-size: 16px; font-weight: 800; margin-bottom: 20px; color: #ffffff;\">Service Areas<\/h4>\n                <ul style=\"list-style: none; padding: 0; font-size: 14px; color: #94a3b8; line-height: 2.2;\">\n                    <li>Warwick, RI<\/li>\n                    <li>Providence, RI<\/li>\n                    <li>Cranston, RI<\/li>\n                    <li>Coventry, RI<\/li>\n                <\/ul>\n            <\/div>\n\n            <div>\n                <h4 style=\"font-size: 16px; font-weight: 800; margin-bottom: 20px; color: #ffffff;\">Emergency Help<\/h4>\n                <a href=\"tel:4012993339\" style=\"font-size: 24px; font-weight: 900; color: #d21f3c; text-decoration: none; display: block; margin-bottom: 10px;\">\n                    401-299-3339\n                <\/a>\n                <p style=\"font-size: 14px; color: #94a3b8; margin-bottom: 15px;\">Available 24\/7 - 365 Days<\/p>\n                <div style=\"font-size: 12px; color: #ffffff; background: rgba(210,31,60,0.1); border-left: 3px solid #d21f3c; padding: 10px;\">\n                    Dispatching from: <span class=\"dynamic-city\" style=\"font-weight: 800;\">Warwick<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div style=\"padding-top: 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px;\">\n            <div style=\"font-size: 13px; color: #64748b;\">\n                \u00a9 2024 RI Lock & Keys. All Rights Reserved. \n            <\/div>\n            <div style=\"display: flex; gap: 25px; font-size: 13px; color: #64748b;\">\n                <span>Privacy Policy<\/span>\n                <span>Terms of Service<\/span>\n            <\/div>\n            <div style=\"display: flex; align-items: center; gap: 8px; filter: grayscale(1); opacity: 0.6;\">\n                <span style=\"font-size: 12px; font-weight: 700;\">Google Rating 5.0<\/span>\n                <div style=\"color: #ffb400;\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/footer>\n\n<style>\n    @media (max-width: 991px) {\n        footer > div > div:first-child { grid-template-columns: 1fr 1fr !important; }\n    }\n    @media (max-width: 600px) {\n        footer > div > div:first-child { grid-template-columns: 1fr !important; }\n        footer div { text-align: center; justify-content: center; }\n    }\n<\/style>\n\n<script>\n    \/\/ \u05d4\u05d1\u05d8\u05d7\u05ea \u05e1\u05e0\u05db\u05e8\u05d5\u05df \u05d4\u05de\u05d9\u05e7\u05d5\u05dd \u05d2\u05dd \u05d1\u05e4\u05d5\u05d8\u05e8\n    async function syncFooterCity() {\n        try {\n            const res = await fetch('https:\/\/ipapi.co\/json\/');\n            const data = await res.json();\n            if (data.city) {\n                document.querySelectorAll('.dynamic-city').forEach(el => el.innerText = data.city);\n            }\n        } catch (e) {}\n    }\n    document.addEventListener('DOMContentLoaded', syncFooterCity);\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0103b00 elementor-widget elementor-widget-html\" data-id=\"0103b00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.ri-float-bar {\n  display: none;\n}\n\n@media (max-width: 768px) {\n  .ri-float-bar {\n    display: block;\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 9999;\n    background: #001a4d;\n    box-shadow: 0 -4px 16px rgba(0,0,0,0.25);\n    padding: 0.55rem 0.8rem calc(0.55rem + env(safe-area-inset-bottom, 0px));\n  }\n\n  .ri-float-call {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.6rem;\n    background: #d32f2f;\n    color: #fff;\n    text-decoration: none;\n    border-radius: 10px;\n    padding: 0.85rem 1rem;\n    box-shadow: 0 4px 14px rgba(211,47,47,0.45);\n    animation: riPulse 1.8s infinite;\n  }\n\n  .ri-float-icon {\n    font-size: 1.25rem;\n    line-height: 1;\n    flex-shrink: 0;\n  }\n\n  .ri-float-text {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.15;\n    text-align: left;\n  }\n\n  .ri-float-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    opacity: 0.95;\n    transition: opacity 0.4s ease;\n  }\n\n  .ri-float-number {\n    font-size: 1.05rem;\n    font-weight: 800;\n    letter-spacing: 0.3px;\n  }\n}\n\n@keyframes riPulse {\n  0%   { box-shadow: 0 4px 14px rgba(211,47,47,0.45); }\n  50%  { box-shadow: 0 4px 22px rgba(211,47,47,0.85); }\n  100% { box-shadow: 0 4px 14px rgba(211,47,47,0.45); }\n}\n<\/style>\n\n<div class=\"ri-float-bar\">\n  <a href=\"tel:4012993339\" class=\"ri-float-call\">\n    <span class=\"ri-float-icon\">&#128222;<\/span>\n    <span class=\"ri-float-text\">\n      <span class=\"ri-float-label\" id=\"riFloatMsg\">Technician Available Near You<\/span>\n      <span class=\"ri-float-number\">Tap to Call &mdash; 401-299-3339<\/span>\n    <\/span>\n  <\/a>\n<\/div>\n\n<script>\n(function() {\n  var messages = [\n    \"Technician Available Near You\",\n    \"Mobile Tech in Your Area Now\",\n    \"Fast Car Key Service \\u2014 24\/7\",\n    \"Licensed Tech Ready to Help\",\n    \"Locked Out? We Come to You\",\n    \"Quick Response \\u2014 Tap to Call\"\n  ];\n  var i = 0;\n  var el = document.getElementById('riFloatMsg');\n  if (el) {\n    setInterval(function() {\n      el.style.opacity = '0';\n      setTimeout(function() {\n        i = (i + 1) % messages.length;\n        el.textContent = messages[i];\n        el.style.opacity = '0.95';\n      }, 400);\n    }, 3000);\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Automotive Residential Commercial Access Control Safes CALL NOW Automotive Residential Commercial Access Control Safes &#9733;&#9733;&#9733;&#9733;&#9733; 5-STAR RATED &bull; Need a Local Locksmith Fast? Don&#8217;t panic &mdash; a licensed technician is already near you. We reach most of Rhode Island in about 15 minutes, day or night. Car lockouts, home lockouts, lost keys, and lock repairs [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rilockandkeys.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rilockandkeys.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rilockandkeys.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rilockandkeys.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rilockandkeys.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":5,"href":"https:\/\/rilockandkeys.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":270,"href":"https:\/\/rilockandkeys.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/270"}],"wp:attachment":[{"href":"https:\/\/rilockandkeys.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}