{"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-04-29T01:25:22","modified_gmt":"2026-04-29T01:25:22","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/rilockandkeys.com\/","title":{"rendered":"Elementor #7"},"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<header style=\"font-family: 'Inter', sans-serif; background: #ffffff;\">\n    \n    <div style=\"background: #ffffff; border-bottom: 2px solid #f1f5f9; padding: 10px 15px; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 1000; width: 100%; box-sizing: border-box;\">\n        \n        <div style=\"flex-shrink: 0;\">\n            <a href=\"\/\" style=\"display: block; border: none;\">\n                <img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/03\/IMG_6497.jpg\" \n                     style=\"height: 45px; width: auto; display: block;\" alt=\"RI Lock & Keys\">\n            <\/a>\n        <\/div>\n\n        <div style=\"flex-shrink: 0;\">\n            <a href=\"tel:4012993339\" style=\"background: #d21f3c; color: #ffffff !important; padding: 10px 15px; border-radius: 6px; text-decoration: none !important; font-weight: 800; font-size: 14px; display: flex; align-items: center; gap: 8px; box-shadow: 0 4px 10px rgba(210,31,60,0.2);\">\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        <\/div>\n    <\/div>\n\n    <div class=\"hero-container\">\n        <div class=\"hero-content\">\n\n            <div class=\"rating-badge\">\n                <span style=\"color: #ffb400;\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                <span>TRUSTED LOCAL LOCKSMITH<\/span>\n            <\/div>\n\n            <h1 class=\"main-title\">\n                Need a Local Locksmith Fast?\n            <\/h1>\n\n            <p class=\"main-desc\">\n                Locked out or need help with your locks? Our mobile locksmith technicians are ready to assist quickly. We handle car lockouts, home lockouts, key replacement, and lock repairs \u2014 on the spot.\n            <\/p>\n\n            <a href=\"tel:4012993339\" class=\"big-call-btn\">\n                CALL A TECH NOW\n            <\/a>\n            \n            <div class=\"trust-icons\">\n                <span><b>\u2713<\/b> Licensed & Insured<\/span>\n                <span><b>\u2713<\/b> No Hidden Fees<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"hero-image-box\">\n            <img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/03\/FFDFF264-7AAD-46C0-9874-DE4662BF8A7C.jpg\" alt=\"Dispatch\">\n            <div class=\"dispatch-label\">\n                <div style=\"font-size: 10px; font-weight: 900; color: #0a2540;\">DISPATCHING NOW<\/div>\n                <div style=\"color: #48bb78; font-weight: 800; font-size: 16px;\">Fast Response<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/header>\n\n<style>\n.hero-container {\n    padding: 40px 20px;\n    max-width: 1200px;\n    margin: 0 auto;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 30px;\n    align-items: center;\n}\n\n.hero-content { flex: 1; min-width: 300px; }\n\n.rating-badge {\n    display: inline-flex;\n    gap: 8px;\n    background: #f0f4f8;\n    padding: 8px 15px;\n    border-radius: 50px;\n    font-size: 12px;\n    font-weight: 800;\n    margin-bottom: 20px;\n}\n\n.main-title {\n    font-size: 55px;\n    font-weight: 900;\n    color: #0a2540;\n    line-height: 1.1;\n    margin: 0;\n    letter-spacing: -1px;\n}\n\n.main-desc {\n    font-size: 19px;\n    color: #4a5568;\n    margin: 20px 0;\n    line-height: 1.6;\n}\n\n.big-call-btn {\n    background: #d21f3c;\n    color: white !important;\n    padding: 18px 30px;\n    border-radius: 6px;\n    text-decoration: none !important;\n    font-weight: 800;\n    font-size: 20px;\n    display: block;\n    text-align: center;\n    max-width: 350px;\n    box-shadow: 0 8px 15px rgba(210,31,60,0.3);\n}\n\n.trust-icons {\n    margin-top: 15px;\n    font-size: 14px;\n    color: #718096;\n    display: flex;\n    gap: 15px;\n}\n\n.hero-image-box {\n    flex: 0.8;\n    min-width: 280px;\n    position: relative;\n    border-radius: 20px;\n}\n\n.hero-image-box img {\n    width: 100%;\n    border-radius: 20px;\n    display: block;\n    box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n}\n\n.dispatch-label {\n    position: absolute;\n    bottom: -10px;\n    right: 10px;\n    background: white;\n    padding: 12px 20px;\n    border-radius: 10px;\n    box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n    border-left: 5px solid #48bb78;\n}\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}\n<\/style>\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: 'Inter', sans-serif; overflow: hidden;\">\n    <div 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: #0a2540; font-weight: 800; margin-bottom: 30px; letter-spacing: -1.5px;\">\n                Highest Rated in <span class=\"dynamic-city\" style=\"color: #d21f3c;\">Your Area<\/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\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"orig-text\">\"Fastest response in <span class=\"dynamic-city\">the area<\/span>. 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\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"orig-text\">\"Locked out at 2 AM. Tech arrived in 12 minutes as promised. Fair price and very professional.\"<\/p>\n                <\/div>\n\n                <div class=\"orig-card\">\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                    <div class=\"orig-stars\">\u2605\u2605\u2605\u2605\u2605<\/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: #0a2540; 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\">\u2713<\/div>\n                    <div><strong>15-Min Response<\/strong><p>Stationed across <span class=\"dynamic-city\">the area<\/span>.<\/p><\/div>\n                <\/div>\n                <div class=\"b-row\">\n                    <div class=\"b-check\">\u2713<\/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\">\u2713<\/div>\n                    <div><strong>Licensed Pros<\/strong><p>Certified & insured technicians.<\/p><\/div>\n                <\/div>\n            <\/div>\n\n            <a href=\"tel:4012993339\" style=\"display: block; text-align: center; background: #d21f3c; color: white; padding: 18px; border-radius: 10px; margin-top: 30px; text-decoration: none; font-weight: 800; font-size: 18px;\">\n                Call Now\n            <\/a>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n    .original-slider::-webkit-scrollbar { display: none; }\n    \n    \/* \u05d4\u05e1\u05d8\u05d9\u05d9\u05dc \u05d4\u05de\u05e7\u05d5\u05e8\u05d9 \u05e9\u05dc \u05d4\u05db\u05e8\u05d8\u05d9\u05e1\u05d9\u05d5\u05ea *\/\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\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: #0a2540; 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    \/* \u05e6\u05d3 \u05d9\u05de\u05d9\u05df *\/\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 div { grid-template-columns: 1fr !important; }\n    }\n<\/style>\n\n<script>\n    async function updateLoc() {\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', updateLoc);\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-508dbb4 elementor-widget elementor-widget-html\" data-id=\"508dbb4\" 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: 'Inter', sans-serif;\">\n    <div style=\"max-width: 1300px; margin: 0 auto;\"> <div style=\"text-align: center; margin-bottom: 50px;\">\n            <h2 style=\"font-size: clamp(32px, 5vw, 45px); color: #0a2540; font-weight: 900; letter-spacing: -1.5px; line-height: 1.1;\">\n                Professional Locksmith Services in <span class=\"dynamic-city\" style=\"color: #d21f3c;\">Local Area<\/span>\n            <\/h2>\n            <p style=\"color: #64748b; margin-top: 15px; font-size: 18px;\">Licensed. Bonded. Insured. 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\">\u2713<\/div>\n                    <h3>Emergency Lockout<\/h3>\n                <\/div>\n                <ul class=\"check-list\">\n                    <li>15-Minute Rapid Response<\/li>\n                    <li>Damage-Free Door Opening<\/li>\n                    <li>Available 24\/7 in <span class=\"dynamic-city\">Local Area<\/span><\/li>\n                    <li>Residential & Commercial<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"trust-card\">\n                <div class=\"card-header\">\n                    <div class=\"check-icon\">\u2713<\/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 & Replace<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"trust-card\">\n                <div class=\"card-header\">\n                    <div class=\"check-icon\">\u2713<\/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 & Gate Locks<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"trust-card\">\n                <div class=\"card-header\">\n                    <div class=\"check-icon\">\u2713<\/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            <\/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.8;\">Talk to a Local Expert<\/span>\n                Call Now\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* \u05d4\u05ea\u05d9\u05e7\u05d5\u05df \u05d4\u05de\u05e8\u05db\u05d6\u05d9 \u05dc\u05de\u05d7\u05e9\u05d1 *\/\n    @media (min-width: 1024px) {\n        .pro-grid-fix {\n            grid-template-columns: repeat(4, 1fr) !important;\n        }\n    }\n\n    \/* \u05d4\u05ea\u05d0\u05de\u05d4 \u05dc\u05e4\u05dc\u05d0\u05e4\u05d5\u05df \u05d5\u05d8\u05d0\u05d1\u05dc\u05d8 *\/\n    @media (max-width: 1023px) {\n        .pro-grid-fix {\n            grid-template-columns: repeat(1, 1fr) !important; \/* \u05d0\u05d7\u05d3 \u05de\u05ea\u05d7\u05ea \u05dc\u05e9\u05e0\u05d9 \u05d1\u05e4\u05dc\u05d0\u05e4\u05d5\u05df *\/\n            gap: 15px !important;\n        }\n    }\n\n    \/* \u05db\u05e8\u05d8\u05d9\u05e1 \u05d4\u05d0\u05de\u05d5\u05df *\/\n    .trust-card {\n        background: white;\n        border: 1px solid #e2e8f0;\n        border-radius: 12px;\n        padding: 25px; \/* \u05e6\u05de\u05e6\u05de\u05ea\u05d9 \u05e7\u05e6\u05ea \u05d0\u05ea \u05d4\u05e4\u05d3\u05d9\u05e0\u05d2 \u05e9-4 \u05d9\u05db\u05e0\u05e1\u05d5 *\/\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\n    .trust-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n        border-color: #cbd5e1;\n    }\n\n    \/* \u05db\u05d5\u05ea\u05e8\u05ea \u05d4\u05db\u05e8\u05d8\u05d9\u05e1 \u05e2\u05dd \u05d4-V *\/\n    .card-header {\n        display: flex;\n        align-items: center;\n        gap: 12px; \/* \u05e6\u05de\u05e6\u05de\u05ea\u05d9 \u05e7\u05e6\u05ea \u05d0\u05ea \u05d4\u05e8\u05d9\u05d5\u05d5\u05d7 *\/\n        margin-bottom: 15px;\n        border-bottom: 1px solid #f1f5f9;\n        padding-bottom: 15px;\n    }\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\n    .card-header h3 {\n        margin: 0;\n        font-size: 19px; \/* \u05e6\u05de\u05e6\u05de\u05ea\u05d9 \u05e4\u05d5\u05e0\u05d8 *\/\n        color: #0a2540;\n        font-weight: 800;\n    }\n\n    \/* \u05e8\u05e9\u05d9\u05de\u05ea \u05d4-V \u05d4\u05e7\u05d8\u05e0\u05d9\u05dd *\/\n    .check-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .check-list li {\n        position: relative;\n        padding-left: 22px;\n        margin-bottom: 10px;\n        color: #475569;\n        font-size: 14px; \/* \u05e6\u05de\u05e6\u05de\u05ea\u05d9 \u05e4\u05d5\u05e0\u05d8 *\/\n        font-weight: 500;\n        line-height: 1.4;\n    }\n\n    .check-list li::before {\n        content: '\u2713';\n        position: absolute;\n        left: 0;\n        color: #22c55e;\n        font-weight: 900;\n    }\n\n    \/* \u05db\u05e4\u05ea\u05d5\u05e8 \u05d4\u05e0\u05e2\u05d4 \u05dc\u05e4\u05e2\u05d5\u05dc\u05d4 *\/\n    .cta-button {\n        display: inline-block;\n        background: #d21f3c;\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(210, 31, 60, 0.2);\n        transition: all 0.3s ease;\n    }\n\n    .cta-button:hover {\n        background: #0a2540;\n        transform: scale(1.03);\n    }\n<\/style>\n\n<script>\n    async function updateTrustCity() {\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) { console.log(\"location error\"); }\n    }\n    document.addEventListener('DOMContentLoaded', updateTrustCity);\n<\/script>\n\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: 'Inter', sans-serif;\">\n    <div style=\"max-width: 1200px; margin: 0 auto;\">\n        \n        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;\">\n            \n            <div>\n                <div style=\"color: #d21f3c; 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: #0a2540; font-weight: 900; line-height: 1.1; margin-bottom: 25px; letter-spacing: -2px;\">\n                    Your Local Locksmith  <span class=\"dynamic-city\" style=\"border-bottom: 4px solid #d21f3c;\"><\/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 in 15 minutes or less.\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: #0a2540; 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>\u2022 Warwick \/ West Warwick<\/li>\n                            <li>\u2022 Providence \/ East Prov.<\/li>\n                            <li>\u2022 Cranston & Johnston<\/li>\n                            <li>\u2022 Coventry & East Greenwich<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div>\n                        <h4 style=\"color: #0a2540; 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>\u2022 Monday - Sunday: 24\/7<\/li>\n                            <li>\u2022 Emergency Response: 15m<\/li>\n                            <li>\u2022 Holidays: Open<\/li>\n                            <li style=\"color: #22c55e; font-weight: 700;\">\u2022 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: #d21f3c; color: white; padding: 15px 30px; font-weight: 900; border-bottom-left-radius: 20px;\">\n                        FASTEST ARRIVAL\n                    <\/div>\n                    \n                    <div style=\"margin-top: 20px;\">\n                        <div style=\"font-size: 64px; font-weight: 900; color: #0a2540; line-height: 1;\">15<\/div>\n                        <div style=\"font-size: 18px; font-weight: 800; color: #d21f3c; text-transform: uppercase;\">Minutes Average<\/div>\n                    <\/div>\n\n                    <div style=\"margin-top: 40px; border-left: 4px solid #0a2540; 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: #0a2540; font-size: 14px;\">\u2014 Michael R., Warwick Resident<\/div>\n                    <\/div>\n\n                    <a href=\"tel:4012993339\" style=\"display: block; margin-top: 40px; background: #0a2540; color: white; text-align: center; padding: 20px; border-radius: 12px; text-decoration: none; font-weight: 800; font-size: 18px; transition: 0.3s;\">\n                        Check Response Time  <span class=\"dynamic-city\"><\/span>\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 div { grid-template-columns: 1fr !important; gap: 50px; }\n        #service-area-premium h2 { font-size: 36px; }\n    }\n<\/style>\n\n<script>\n    async function updateLocation() {\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', updateLocation);\n<\/script>\n\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: 'Inter', sans-serif;\">\n    <div class=\"fast-convert-container\">\n        \n        <div class=\"faq-side\">\n            <h2 style=\"font-size: 28px; color: #0a2540; 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: #0a2540; cursor: pointer; list-style: none; display: flex; justify-content: space-between;\">\n                        How fast can you get here? <span style=\"color: #d21f3c;\">+<\/span>\n                    <\/summary>\n                    <p style=\"font-size: 14px; color: #64748b; margin-top: 8px; line-height: 1.5;\">Average arrival time is **15-20 minutes** in <span class=\"dynamic-city\">Your Area<\/span>. Our techs are mobile and always nearby.<\/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: #0a2540; cursor: pointer; list-style: none; display: flex; justify-content: space-between;\">\n                        Are you available 24\/7? <span style=\"color: #d21f3c;\">+<\/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;\">\n                    <summary style=\"font-weight: 700; color: #0a2540; cursor: pointer; list-style: none; display: flex; justify-content: space-between;\">\n                        Do you offer upfront pricing? <span style=\"color: #d21f3c;\">+<\/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.<\/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;\">\u2713<\/span>\n                <span style=\"font-size: 13px; font-weight: 700; color: #166534;\">Verified, Licensed & 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: #d21f3c; 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: #0a2540; 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                <\/select>\n\n                <button type=\"submit\" style=\"background: #0a2540; 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: #d21f3c; 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: stretch;\n    }\n\n    summary::-webkit-details-marker { display: none; }\n    \n    input:focus, select:focus { \n        border-color: #d21f3c !important; \n        outline: none; \n        box-shadow: 0 0 5px rgba(210,31,60,0.1); \n    }\n\n    \/* \u05de\u05e0\u05d9\u05e2\u05ea \u05d6\u05d5\u05dd \u05d1\u05de\u05d5\u05d1\u05d9\u05d9\u05dc *\/\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>\n\n<script>\n    async function updateLocFast() {\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    updateLocFast();\n<\/script>\n\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-2ec10f7 elementor-widget elementor-widget-html\" data-id=\"2ec10f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sticky-bottom-bar\">\n    <a href=\"tel:4012993339\" class=\"sticky-btn call-pulse\">\n        <svg width=\"20\" height=\"20\" 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        <span>Call Now<\/span>\n    <\/a>\n\n    <button onclick=\"toggleLeadForm()\" class=\"sticky-btn lead-btn\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n            <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n        <\/svg>\n        <span>Get Quote<\/span>\n    <\/button>\n<\/div>\n\n<div id=\"leadFormPopup\" class=\"form-overlay\">\n    <div class=\"form-content\">\n        <span class=\"close-btn\" onclick=\"toggleLeadForm()\">&times;<\/span>\n        <h3 style=\"margin-top: 0; color: #0a2540;\">Get a Quick Quote<\/h3>\n        <p style=\"font-size: 13px; color: #64748b; margin-bottom: 15px;\">Fill details and we'll call you back.<\/p>\n        \n        <form action=\"https:\/\/formsubmit.co\/rilockandkeys@gmail.com\" method=\"POST\" id=\"mainContactForm\">\n            <input type=\"hidden\" name=\"_subject\" value=\"New Service Request! RI Lock & Keys\">\n            <input type=\"hidden\" name=\"_template\" value=\"table\">\n            <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n            <input type=\"hidden\" name=\"_next\" value=\"https:\/\/rilockandkeys.com\/\">\n\n            <div style=\"display: flex; flex-direction: column; gap: 12px;\">\n                <input type=\"text\" name=\"Customer Name\" placeholder=\"Full Name\" required style=\"padding: 12px; border: 1px solid #ccc; border-radius: 6px; font-size: 16px;\">\n                <input type=\"tel\" name=\"Phone Number\" placeholder=\"Phone Number\" required style=\"padding: 12px; border: 1px solid #ccc; border-radius: 6px; font-size: 16px;\">\n                <select name=\"Requested Service\" style=\"padding: 12px; border: 1px solid #ccc; border-radius: 6px; font-size: 16px; background: white;\">\n                    <option>Emergency Lockout<\/option>\n                    <option>Car Key Replacement<\/option>\n                    <option>House Lock Change<\/option>\n                    <option>Commercial Service<\/option>\n                <\/select>\n                <textarea name=\"Message\" placeholder=\"Extra details (optional)\" rows=\"2\" style=\"padding: 12px; border: 1px solid #ccc; border-radius: 6px; font-size: 16px;\"><\/textarea>\n                \n                <button type=\"submit\" style=\"background: #d21f3c; color: white; padding: 15px; border: none; border-radius: 6px; font-weight: 800; cursor: pointer; font-size: 16px;\">\n                    SUBMIT REQUEST\n                <\/button>\n            <\/div>\n        <\/form>\n    <\/div>\n<\/div>\n\n<style>\n    .sticky-bottom-bar { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); width: 92%; max-width: 450px; background: #0a2540; padding: 10px; border-radius: 50px; display: flex; gap: 10px; z-index: 9999; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }\n    .sticky-btn { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px; border-radius: 40px; text-decoration: none !important; color: white !important; font-weight: 800; font-size: 15px; border: none; cursor: pointer; }\n    .call-pulse { background: #d21f3c; animation: pulse-red 2s infinite; }\n    .lead-btn { background: #48bb78; }\n    @keyframes pulse-red { 0% { box-shadow: 0 0 0 0 rgba(210, 31, 60, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(210, 31, 60, 0); } 100% { box-shadow: 0 0 0 0 rgba(210, 31, 60, 0); } }\n    .form-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: none; align-items: center; justify-content: center; z-index: 10000; padding: 20px; }\n    .form-content { background: white; padding: 25px; border-radius: 15px; width: 100%; max-width: 380px; position: relative; font-family: sans-serif; }\n    .close-btn { position: absolute; top: 15px; right: 15px; font-size: 24px; cursor: pointer; color: #64748b; }\n    \n    \/* \u05de\u05e0\u05d9\u05e2\u05ea \u05d6\u05d5\u05dd \u05d0\u05d5\u05d8\u05d5\u05de\u05d8\u05d9 \u05d1\u05d0\u05d9\u05d9\u05e4\u05d5\u05df *\/\n    input, select, textarea { font-size: 16px !important; }\n<\/style>\n\n<script>\n    function toggleLeadForm() {\n        const form = document.getElementById('leadFormPopup');\n        form.style.display = (form.style.display === 'flex') ? 'none' : 'flex';\n    }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf9fdc5 elementor-widget elementor-widget-html\" data-id=\"cf9fdc5\" 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: 'Inter', sans-serif;\">\n    <div style=\"max-width: 1200px; margin: 0 auto;\">\n        \n        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;\">\n            \n            <div>\n                <div style=\"color: #d21f3c; font-weight: 800; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px;\">\n                    24\/7 Emergency Service\n                <\/div>\n\n                <h2 style=\"font-size: 48px; color: #0a2540; font-weight: 900; line-height: 1.1; margin-bottom: 25px; letter-spacing: -2px;\">\n                    24\/7 Locksmith in <span style=\"border-bottom: 4px solid #d21f3c;\">Warwick, RI<\/span> \u2013 15 Min Response\n                <\/h2>\n\n                <p style=\"font-size: 18px; color: #475569; line-height: 1.8; margin-bottom: 25px;\">\n                    Our mobile locksmith team in Warwick, RI is available 24\/7 for car lockouts, house lockouts, key replacements, lock changes, and emergency services. We dispatch a licensed technician near you within minutes.\n                <\/p>\n\n                <!-- TRUST -->\n                <div style=\"margin-bottom: 30px; color:#334155; font-size:15px; line-height:2;\">\n                    \u2714 Licensed & Insured<br>\n                    \u2714 5-Star Google Reviews<br>\n                    \u2714 Upfront Pricing \u2013 No Surprises<br>\n                    \u2714 Local Warwick Technicians\n                <\/div>\n\n                <!-- SERVICES -->\n                <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px; border-top: 1px solid #eee; padding-top: 25px;\">\n                    <div>\n                        <h4 style=\"color: #0a2540; margin-bottom: 10px; font-weight: 800;\">Our Services<\/h4>\n                        <ul style=\"list-style: none; padding: 0; color: #64748b; font-size: 15px; line-height: 2;\">\n                            <li>\u2022 Car Lockout<\/li>\n                            <li>\u2022 House Lockout<\/li>\n                            <li>\u2022 Car Key Replacement<\/li>\n                            <li>\u2022 Lock Change & Rekey<\/li>\n                            <li>\u2022 Ignition Repair<\/li>\n                            <li>\u2022 Commercial Locksmith<\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <div>\n                        <h4 style=\"color: #0a2540; 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>\u2022 Monday - Sunday: 24\/7<\/li>\n                            <li>\u2022 Average Arrival: 15\u201325 Min<\/li>\n                            <li>\u2022 Holidays: Open<\/li>\n                            <li style=\"color: #22c55e; font-weight: 700;\">\u2022 Status: Available Now<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- RIGHT BOX -->\n            <div style=\"position: relative;\">\n                <div style=\"background: #f8fafc; border-radius: 30px; padding: 40px; border: 1px solid #e2e8f0; position: relative; overflow: hidden;\">\n                    \n                    <div style=\"position: absolute; top: 0; right: 0; background: #d21f3c; color: white; padding: 15px 30px; font-weight: 900; border-bottom-left-radius: 20px;\">\n                        FAST RESPONSE\n                    <\/div>\n                    \n                    <div style=\"margin-top: 20px;\">\n                        <div style=\"font-size: 64px; font-weight: 900; color: #0a2540; line-height: 1;\">15\u201325<\/div>\n                        <div style=\"font-size: 18px; font-weight: 800; color: #d21f3c; text-transform: uppercase;\">Minutes Arrival<\/div>\n                    <\/div>\n\n                    <div style=\"margin-top: 40px; border-left: 4px solid #0a2540; padding-left: 20px;\">\n                        <p style=\"font-size: 16px; color: #475569; font-style: italic; margin: 0;\">\n                            \"Locked out at night in Warwick \u2014 technician arrived fast and got me back in within minutes. Highly recommended!\"\n                        <\/p>\n                        <div style=\"margin-top: 10px; font-weight: 800; color: #0a2540; font-size: 14px;\">\u2014 Local Customer<\/div>\n                    <\/div>\n\n                    <!-- CTA -->\n                    <a href=\"tel:4012993339\" style=\"display: block; margin-top: 40px; background: #0a2540; color: white; text-align: center; padding: 20px; border-radius: 12px; text-decoration: none; font-weight: 800; font-size: 18px;\">\n                        Call Now \u2013 Locksmith Near You\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 div { 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>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CALL NOW \u2605\u2605\u2605\u2605\u2605 TRUSTED LOCAL LOCKSMITH Need a Local Locksmith Fast? Locked out or need help with your locks? Our mobile locksmith technicians are ready to assist quickly. We handle car lockouts, home lockouts, key replacement, and lock repairs \u2014 on the spot. CALL A TECH NOW \u2713 Licensed &#038; Insured \u2713 No Hidden Fees [&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":93,"href":"https:\/\/rilockandkeys.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/93"}],"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}]}}