{"id":172,"date":"2026-06-18T23:57:20","date_gmt":"2026-06-18T23:57:20","guid":{"rendered":"https:\/\/rilockandkeys.com\/?page_id=172"},"modified":"2026-06-21T17:45:54","modified_gmt":"2026-06-21T17:45:54","slug":"ri-automotive-locksmith","status":"publish","type":"page","link":"https:\/\/rilockandkeys.com\/?page_id=172","title":{"rendered":"RI Automotive Locksmith"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"172\" class=\"elementor elementor-172\">\n\t\t\t\t<div class=\"elementor-element elementor-element-114dbe8 e-flex e-con-boxed e-con e-parent\" data-id=\"114dbe8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56accfe elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"56accfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ri-topbar\">\n    <div class=\"ri-topbar-inner\">\n        <div class=\"ri-logo\">\n            <a href=\"https:\/\/rilockandkeys.com\" 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\">Home<\/a>\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\">Home<\/a>\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<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    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\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: 24px; 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@media (max-width: 1024px) {\n    .ri-nav { display: none; }\n    .ri-burger { display: flex; }\n}\n@media (max-width: 768px) {\n    .ri-topbar-call { padding: 9px 12px; font-size: 13px; }\n}\n<\/style>\n\n<script>\nfunction riToggleMenu() {\n    var m = document.getElementById('riMobileMenu');\n    if (m) m.classList.toggle('ri-open');\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-999c500 elementor-widget elementor-widget-html\" data-id=\"999c500\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.css\" \/>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js\"><\/script>\n<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<style>\n* { margin: 0; padding: 0; box-sizing: border-box; }\n\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  line-height: 1.6;\n  color: #333;\n}\n\n\/* HERO SECTION *\/\n.hero {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 3rem;\n  align-items: center;\n  padding: 4rem 2rem;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n.hero-content h1 {\n  font-size: 2.5rem; font-weight: 700; color: #001a4d;\n  margin-bottom: 1.5rem; line-height: 1.2;\n}\n.hero-content p {\n  font-size: 1rem; color: #555; margin-bottom: 2rem; line-height: 1.8;\n}\n.trust-badge {\n  display: flex; align-items: center; gap: 0.5rem;\n  margin-bottom: 2rem; font-size: 0.9rem; color: #666;\n}\n.trust-badge span:first-child { color: #ffc107; font-size: 1rem; }\n.cta-button {\n  display: inline-block; background: #d32f2f; color: white;\n  padding: 1rem 2rem; border-radius: 8px; text-decoration: none;\n  font-weight: 600; font-size: 1rem; border: none; cursor: pointer;\n  transition: all 0.3s; box-shadow: 0 4px 12px rgba(211, 47, 47, 0.3);\n}\n.cta-button:hover {\n  background: #b71c1c; transform: translateY(-2px);\n  box-shadow: 0 6px 16px rgba(211, 47, 47, 0.4);\n}\n.benefits {\n  display: flex; gap: 1.5rem; font-size: 0.9rem; color: #666;\n  margin-top: 1.5rem; flex-wrap: wrap;\n}\n\n\/* HERO LIVE MAP *\/\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#hero-live-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;\n  color: #fff; font-size: 0.7rem; font-weight: 900; letter-spacing: 0.5px;\n  padding: 0.35rem 0.7rem; border-radius: 6px; display: flex; align-items: center;\n  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;\n  border-radius: 6px; 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\/* WHY CHOOSE US SECTION *\/\n.why-choose-us {\n  background: linear-gradient(135deg, #f8f9fa 0%, #e8ecf1 100%);\n  padding: 4rem 2rem;\n}\n.why-choose-container {\n  max-width: 1200px; margin: 0 auto; display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n  gap: 3rem; align-items: center;\n}\n.why-content h2 {\n  font-size: 2rem; font-weight: 700; color: #001a4d;\n  margin-bottom: 1.5rem; line-height: 1.3;\n}\n.why-content p {\n  font-size: 1rem; color: #555; margin-bottom: 2rem; line-height: 1.8;\n}\n.benefits-grid { display: grid; gap: 1.5rem; }\n.benefit-item {\n  display: flex; gap: 1rem; align-items: flex-start; padding: 1rem;\n  border-radius: 8px; background: rgba(255,255,255,0.5); transition: all 0.3s ease;\n}\n.benefit-item:hover {\n  background: white; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transform: translateX(8px);\n}\n.benefit-icon {\n  width: 28px; height: 28px; background: #4caf50; border-radius: 50%;\n  display: flex; align-items: center; justify-content: center; color: white;\n  font-weight: bold; flex-shrink: 0; margin-top: 0.3rem;\n}\n.benefit-text h3 { font-size: 1rem; font-weight: 600; color: #001a4d; margin-bottom: 0.3rem; }\n.benefit-text p { font-size: 0.9rem; color: #666; margin: 0; line-height: 1.5; }\n\n.why-features {\n  background: white; padding: 1.5rem; border-radius: 12px;\n  box-shadow: 0 8px 24px rgba(0,0,0,0.12); border-left: 4px solid #d32f2f;\n  min-width: 0; overflow: hidden;\n}\n.why-features h3 { font-size: 1rem; font-weight: 700; color: #001a4d; margin-bottom: 1.2rem; }\n.feature-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }\n.feature-list li {\n  display: flex; gap: 0.8rem; align-items: flex-start; list-style: none;\n  color: #555; font-size: 0.9rem;\n}\n.feature-list li:before {\n  content: \"\\2713\"; color: #4caf50; font-weight: bold; margin-top: 0.1rem;\n  flex-shrink: 0; font-size: 1rem;\n}\n\n\/* ===== CAR LOGO CAROUSEL ===== *\/\n.carousel-divider { height: 1px; background: #e0e0e0; margin: 1rem 0 0.8rem; }\n.carousel-label {\n  font-size: 0.65rem; color: #d32f2f; font-weight: 700;\n  text-transform: uppercase; letter-spacing: 0.4px; margin-bottom: 0.6rem;\n}\n.carousel-wrapper {\n  overflow: hidden; background: #f8f9fa; border-radius: 8px;\n  padding: 0.8rem 0.4rem; max-width: 100%;\n}\n.carousel {\n  display: flex; gap: 0.6rem; align-items: center;\n  animation: scrollCarousel 40s linear infinite; width: max-content;\n}\n.carousel:hover { animation-play-state: paused; }\n.car-brand {\n  display: flex; align-items: center; justify-content: center;\n  width: 90px; height: 60px; background: white; border-radius: 8px;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.06); border: 1px solid #e8e8e8;\n  transition: all 0.3s ease; flex-shrink: 0; padding: 8px;\n}\n.car-brand img {\n  max-width: 100%; max-height: 100%; width: auto; height: auto;\n  object-fit: contain; display: block;\n}\n.car-brand:hover {\n  transform: translateY(-2px); box-shadow: 0 4px 12px rgba(211, 47, 47, 0.12);\n  border-color: #d32f2f;\n}\n@keyframes scrollCarousel {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n\/* ===== MOBILE FIX ===== *\/\n@media (max-width: 768px) {\n  .hero {\n    grid-template-columns: 1fr;\n    gap: 2rem;\n    padding: 2rem 1rem;\n  }\n  .hero-content h1 { font-size: 1.8rem; }\n  #hero-live-map { height: 320px; }\n\n  .why-choose-us { padding: 3rem 1rem; }\n  .why-choose-container { display: block; }\n  .why-features { margin-top: 2.5rem; }\n  .why-content h2 { font-size: 1.5rem; }\n  .feature-list { grid-template-columns: 1fr 1fr; }\n\n  .car-brand { width: 78px; height: 52px; }\n}\n\n[data-aos] { opacity: 0; }\n[data-aos=\"fade-up\"] { animation: fadeup 0.8s ease-out forwards; }\n[data-aos=\"fade-left\"] { animation: fadeleft 0.8s ease-out forwards; }\n[data-aos=\"fade-right\"] { animation: faderight 0.8s ease-out forwards; }\n[data-aos=\"zoom-in\"] { animation: zoomin 0.8s ease-out forwards; }\n\n@keyframes fadeup { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes fadeleft { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } }\n@keyframes faderight { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } }\n@keyframes zoomin { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }\n<\/style>\n\n<!-- HERO SECTION -->\n<div class=\"hero\" data-aos=\"fade-up\">\n  <div class=\"hero-content\" data-aos=\"fade-right\" data-aos-delay=\"100\">\n    <div class=\"trust-badge\">\n      <span>&#9733;&#9733;&#9733;&#9733;&#9733;<\/span>\n      <span>TRUSTED LOCAL LOCKSMITH<\/span>\n    <\/div>\n    <h1>Automotive Locksmith Services in Rhode Island<\/h1>\n    <p>Locked out, lost your key, or need a replacement? Our mobile automotive locksmiths come to you anywhere in Rhode Island. We handle car lockouts, key replacement, key fob programming, transponder keys, and ignition repair &mdash; fast, on-site, and done right.<\/p>\n    <button class=\"cta-button\" onclick=\"document.location='tel:401-299-3339'\">&#9742; CALL A TECH NOW<\/button>\n    <div class=\"benefits\">\n      <span>&#10003; Licensed &amp; Insured<\/span>\n      <span>&#10003; All Makes &amp; Models<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- HERO LIVE MAP (replaces team image) -->\n  <div class=\"hero-map-wrap\" data-aos=\"fade-left\" data-aos-delay=\"200\">\n    <div class=\"hero-map-badge\"><span class=\"hero-map-badge-dot\"><\/span> LIVE<\/div>\n    <div class=\"hero-map-status\">10 techs active<\/div>\n    <div id=\"hero-live-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<\/div>\n\n<!-- WHY CHOOSE US SECTION -->\n<div class=\"why-choose-us\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n  <div class=\"why-choose-container\">\n    <div class=\"why-content\" data-aos=\"fade-right\" data-aos-delay=\"400\">\n      <h2>Why Choose Us?<\/h2>\n      <p>When you're stranded with a car key or lockout problem, you need a locksmith you can trust. Here's why drivers across Rhode Island call us first.<\/p>\n      <div class=\"benefits-grid\">\n        <div class=\"benefit-item\">\n          <div class=\"benefit-icon\">&#10003;<\/div>\n          <div class=\"benefit-text\">\n            <h3>Fast Mobile Response<\/h3>\n            <p>Technicians across Rhode Island. We come to you wherever you're stuck.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"benefit-item\">\n          <div class=\"benefit-icon\">&#10003;<\/div>\n          <div class=\"benefit-text\">\n            <h3>No Hidden Fees<\/h3>\n            <p>Flat rates quoted upfront. You'll know the price before work begins.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"benefit-item\">\n          <div class=\"benefit-icon\">&#10003;<\/div>\n          <div class=\"benefit-text\">\n            <h3>Licensed Pros<\/h3>\n            <p>Certified &amp; insured technicians. Your vehicle is in safe hands.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"why-features\" data-aos=\"zoom-in\" data-aos-delay=\"500\">\n      <h3>Automotive Services We Offer<\/h3>\n      <ul class=\"feature-list\">\n        <li>Car Lockout Service<\/li>\n        <li>Car Key Replacement<\/li>\n        <li>Transponder Key Programming<\/li>\n        <li>Laser Key Cutting On-Site<\/li>\n        <li>Key Fob Replacement<\/li>\n        <li>Ignition Repair &amp; Replace<\/li>\n        <li>Lost Key Recovery<\/li>\n        <li>Spare Key Duplication<\/li>\n      <\/ul>\n\n      <div class=\"carousel-divider\"><\/div>\n      <div class=\"carousel-label\">Compatible With All Brands<\/div>\n\n      <div class=\"carousel-wrapper\">\n        <div class=\"carousel\">\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0223.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0222.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0221-scaled.png\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0220.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0219.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0218-scaled.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0217.png\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0216.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0214.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0213.png\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0212.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0211.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0210.avif\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0209.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0208.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0207.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0206-scaled.png\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0205.webp\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <!-- duplicate for seamless loop -->\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0223.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0222.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0221-scaled.png\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0220.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0219.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0218-scaled.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0217.png\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0216.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0214.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0213.png\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0212.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0211.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0210.avif\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0209.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0208.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0207.jpg\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0206-scaled.png\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n          <div class=\"car-brand\"><img decoding=\"async\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/06\/IMG_0205.webp\" alt=\"Car brand\" loading=\"lazy\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nAOS.init({ duration: 800, easing: 'ease-in-out', once: true, offset: 100 });\n\n(function() {\n  function initHeroMap() {\n    if (typeof L === 'undefined') { setTimeout(initHeroMap, 300); return; }\n    var mapEl = document.getElementById('hero-live-map');\n    if (!mapEl || mapEl._leaflet_id) return;\n\n    var center = [41.7000, -71.5000];\n    var map = L.map('hero-live-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;\n      var steps = 400;\n      var step = 0;\n      function animate() {\n        var a = route[seg];\n        var b = route[(seg+1) % route.length];\n        var t = step \/ steps;\n        var lat = a[0] + (b[0]-a[0]) * t;\n        var lng = a[1] + (b[1]-a[1]) * t;\n        marker.setLatLng([lat, lng]);\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', initHeroMap);\n  } else {\n    initHeroMap();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-661bc83 elementor-widget elementor-widget-html\" data-id=\"661bc83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.css\" \/>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js\"><\/script>\n\n<section style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; overflow: hidden;\">\n\n  <!-- TRUST STRIP -->\n  <div class=\"ri-trust-strip\">\n    <div class=\"ri-trust-item\" data-aos=\"zoom-in\" data-aos-delay=\"0\">\n      <div class=\"ri-trust-num\">24\/7<\/div>\n      <div class=\"ri-trust-label\">Always Open<\/div>\n    <\/div>\n    <div class=\"ri-trust-item\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n      <div class=\"ri-trust-num\">Statewide<\/div>\n      <div class=\"ri-trust-label\">All of RI<\/div>\n    <\/div>\n    <div class=\"ri-trust-item\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n      <div class=\"ri-trust-num\">1,000+<\/div>\n      <div class=\"ri-trust-label\">Cars Serviced<\/div>\n    <\/div>\n    <div class=\"ri-trust-item\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\n      <div class=\"ri-trust-num\">All Brands<\/div>\n      <div class=\"ri-trust-label\">Makes &amp; Models<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- AREAS + GALLERY -->\n  <div class=\"ri-areas\">\n    <div class=\"ri-areas-grid\">\n\n      <!-- LEFT: TEXT -->\n      <div class=\"ri-areas-left\">\n        <div class=\"ri-live\" data-aos=\"fade-down\">\n          <span class=\"ri-live-dot\"><\/span>\n          Technicians Available Now\n        <\/div>\n\n        <h2 class=\"ri-areas-title\" data-aos=\"fade-up\" data-aos-delay=\"100\">Rhode Island's #1 Mobile <span style=\"color:#d32f2f;\">Automotive Locksmith<\/span><\/h2>\n        <p class=\"ri-areas-sub\" data-aos=\"fade-up\" data-aos-delay=\"200\">No tow truck. No dealership wait. Our mobile techs come straight to you &mdash; at home, at work, or stranded on the road &mdash; anywhere in Rhode Island.<\/p>\n\n        <div class=\"ri-chips\">\n          <span class=\"ri-chip\" data-aos=\"fade-up\" data-aos-delay=\"0\">Providence<\/span>\n          <span class=\"ri-chip\" data-aos=\"fade-up\" data-aos-delay=\"50\">Warwick<\/span>\n          <span class=\"ri-chip\" data-aos=\"fade-up\" data-aos-delay=\"100\">Cranston<\/span>\n          <span class=\"ri-chip\" data-aos=\"fade-up\" data-aos-delay=\"150\">Pawtucket<\/span>\n          <span class=\"ri-chip\" data-aos=\"fade-up\" data-aos-delay=\"200\">East Providence<\/span>\n          <span class=\"ri-chip\" data-aos=\"fade-up\" data-aos-delay=\"250\">Woonsocket<\/span>\n          <span class=\"ri-chip\" data-aos=\"fade-up\" data-aos-delay=\"300\">Coventry<\/span>\n          <span class=\"ri-chip\" data-aos=\"fade-up\" data-aos-delay=\"350\">North Providence<\/span>\n          <span class=\"ri-chip\" data-aos=\"fade-up\" data-aos-delay=\"400\">West Warwick<\/span>\n          <span class=\"ri-chip\" data-aos=\"fade-up\" data-aos-delay=\"450\">Cumberland<\/span>\n          <span class=\"ri-chip\" data-aos=\"fade-up\" data-aos-delay=\"500\">Newport<\/span>\n          <span class=\"ri-chip\" data-aos=\"fade-up\" data-aos-delay=\"550\">+ All RI<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: ROTATING IMAGE GALLERY (replaces map) -->\n      <div class=\"ri-gallery-wrap\" data-aos=\"fade-left\" data-aos-delay=\"200\">\n        <div class=\"ri-gallery-badge\"><span class=\"ri-gallery-badge-dot\"><\/span> OUR TEAM<\/div>\n        <div class=\"ri-gallery\">\n          <img decoding=\"async\" class=\"ri-gallery-img active\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/03\/FFDFF264-7AAD-46C0-9874-DE4662BF8A7C.jpg\" alt=\"RI Lock and Keys team\">\n          <img decoding=\"async\" class=\"ri-gallery-img\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/03\/IMG_6550.jpg\" alt=\"RI Lock and Keys at work\">\n          <img decoding=\"async\" class=\"ri-gallery-img\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/03\/IMG_6552.jpg\" alt=\"RI Lock and Keys service\">\n          <img decoding=\"async\" class=\"ri-gallery-img\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/03\/IMG_6535.jpg\" alt=\"RI Lock and Keys van\">\n          <img decoding=\"async\" class=\"ri-gallery-img\" src=\"https:\/\/rilockandkeys.com\/wp-content\/uploads\/2026\/03\/IMG_6538.jpg\" alt=\"RI Lock and Keys technician\">\n        <\/div>\n        <div class=\"ri-gallery-dots\" id=\"riGalleryDots\"><\/div>\n        <div class=\"ri-gallery-foot\">\n          <span class=\"ri-gallery-foot-dot\"><\/span>\n          Licensed &amp; Insured technicians across Rhode Island\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- BIG CTA -->\n    <div class=\"ri-cta-outer\">\n      <div class=\"ri-cta\" data-aos=\"zoom-in-up\" data-aos-delay=\"100\">\n        <div class=\"ri-cta-left\">\n          <div class=\"ri-cta-head\">Locked out or lost your key?<\/div>\n          <div class=\"ri-cta-sub\">Call now &mdash; a technician will be on the way in minutes.<\/div>\n        <\/div>\n        <a href=\"tel:4012993339\" class=\"ri-cta-btn\">\n          <span class=\"ri-cta-btn-icon\">&#128222;<\/span>\n          <span>\n            <span class=\"ri-cta-btn-label\">Tap to Call<\/span>\n            <span class=\"ri-cta-btn-num\">401-299-3339<\/span>\n          <\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n  .ri-trust-strip {\n    background: #001a4d; display: grid; grid-template-columns: repeat(4, 1fr);\n    max-width: 1100px; margin: 0 auto;\n  }\n  .ri-trust-item {\n    text-align: center; padding: 1.8rem 0.5rem;\n    border-right: 1px solid rgba(255,255,255,0.1);\n  }\n  .ri-trust-item:last-child { border-right: none; }\n  .ri-trust-num { font-size: 1.6rem; font-weight: 900; color: #fff; line-height: 1; margin-bottom: 0.5rem; }\n  .ri-trust-label { font-size: 0.7rem; color: #8fa8d4; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; }\n\n  .ri-areas { background: #fff; padding: 4rem 1.5rem; }\n  .ri-areas-grid {\n    max-width: 1100px; margin: 0 auto; display: grid;\n    grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center;\n  }\n  .ri-areas-left { text-align: left; }\n\n  .ri-live {\n    display: inline-flex; align-items: center; gap: 0.5rem; background: #ecfdf3;\n    color: #15803d; padding: 0.45rem 1rem; border-radius: 50px; font-size: 0.78rem;\n    font-weight: 700; margin-bottom: 1.3rem; border: 1px solid #bbf7d0;\n  }\n  .ri-live-dot { width: 8px; height: 8px; background: #22c55e; border-radius: 50%; animation: riPulse 1.5s infinite; }\n  @keyframes riPulse {\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\n  .ri-areas-title { font-size: 2rem; font-weight: 800; color: #001a4d; line-height: 1.25; margin-bottom: 1rem; letter-spacing: -0.5px; }\n  .ri-areas-sub { font-size: 1rem; color: #64748b; line-height: 1.6; margin-bottom: 2rem; }\n  .ri-chips { display: flex; flex-wrap: wrap; gap: 0.6rem; }\n  .ri-chip {\n    background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 50px;\n    padding: 0.5rem 1rem; font-size: 0.85rem; font-weight: 600; color: #334155; transition: all 0.25s ease;\n  }\n  .ri-chip:hover { background: #001a4d; border-color: #001a4d; color: #fff; transform: translateY(-2px); }\n\n  \/* ROTATING GALLERY *\/\n  .ri-gallery-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  .ri-gallery { position: relative; width: 100%; height: 400px; background: #eaf0f7; }\n  .ri-gallery-img {\n    position: absolute; inset: 0; width: 100%; height: 100%;\n    object-fit: cover; opacity: 0; transition: opacity 1s ease;\n  }\n  .ri-gallery-img.active { opacity: 1; }\n\n  .ri-gallery-badge {\n    position: absolute; top: 14px; left: 14px; z-index: 10; background: #d32f2f;\n    color: #fff; font-size: 0.7rem; font-weight: 900; letter-spacing: 0.5px;\n    padding: 0.35rem 0.7rem; border-radius: 6px; display: flex; align-items: center;\n    gap: 0.4rem; box-shadow: 0 3px 10px rgba(211,47,47,0.4);\n  }\n  .ri-gallery-badge-dot { width: 7px; height: 7px; background: #fff; border-radius: 50%; animation: riBlink 1s infinite; }\n  @keyframes riBlink { 0%,100%{opacity:1;} 50%{opacity:0.2;} }\n\n  .ri-gallery-dots {\n    position: absolute; bottom: 48px; left: 0; right: 0; z-index: 10;\n    display: flex; justify-content: center; gap: 0.5rem;\n  }\n  .ri-gallery-dot {\n    width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,0.5);\n    cursor: pointer; transition: all 0.3s ease;\n  }\n  .ri-gallery-dot.active { background: #fff; transform: scale(1.3); }\n\n  .ri-gallery-foot {\n    position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; 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  .ri-gallery-foot-dot { width: 7px; height: 7px; background: #22c55e; border-radius: 50%; animation: riPulse 1.5s infinite; }\n\n  .ri-cta-outer { max-width: 1100px; margin: 3.5rem auto 0; }\n  .ri-cta {\n    background: linear-gradient(135deg, #001a4d 0%, #00306e 100%); border-radius: 18px;\n    padding: 2.5rem; display: flex; align-items: center; justify-content: space-between;\n    gap: 2rem; text-align: left; box-shadow: 0 20px 40px rgba(0,26,77,0.18);\n  }\n  .ri-cta-left { flex: 1; min-width: 0; }\n  .ri-cta-head { font-size: 1.5rem; font-weight: 800; color: #fff; margin-bottom: 0.5rem; line-height: 1.2; }\n  .ri-cta-sub { font-size: 0.95rem; color: #8fa8d4; line-height: 1.4; }\n  .ri-cta-btn {\n    display: inline-flex; align-items: center; gap: 0.8rem; background: #d32f2f; color: #fff;\n    padding: 1rem 1.8rem; border-radius: 12px; text-decoration: none; white-space: nowrap;\n    transition: all 0.25s ease; box-shadow: 0 8px 20px rgba(211,47,47,0.35); flex-shrink: 0;\n  }\n  .ri-cta-btn:hover { background: #b71c1c; transform: translateY(-3px); box-shadow: 0 12px 26px rgba(211,47,47,0.5); }\n  .ri-cta-btn-icon { font-size: 1.6rem; }\n  .ri-cta-btn-label { display: block; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.85; }\n  .ri-cta-btn-num { display: block; font-size: 1.4rem; font-weight: 900; line-height: 1.1; }\n\n  @media (max-width: 768px) {\n    .ri-trust-strip { grid-template-columns: repeat(2, 1fr); }\n    .ri-trust-item { padding: 1.4rem 0.5rem; }\n    .ri-trust-item:nth-child(2) { border-right: none; }\n    .ri-trust-item:nth-child(1), .ri-trust-item:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,0.1); }\n    .ri-trust-num { font-size: 1.4rem; }\n    .ri-areas { padding: 3rem 1.2rem; }\n    .ri-areas-grid { grid-template-columns: 1fr; gap: 2rem; }\n    .ri-areas-left { text-align: center; }\n    .ri-chips { justify-content: center; }\n    .ri-areas-title { font-size: 1.6rem; }\n    .ri-gallery-wrap { order: -1; }\n    .ri-gallery { height: 300px; }\n    .ri-cta-outer { margin-top: 2.5rem; }\n    .ri-cta { flex-direction: column; text-align: center; padding: 2rem 1.5rem; gap: 1.5rem; }\n    .ri-cta-left { text-align: center; }\n    .ri-cta-btn { width: 100%; justify-content: center; }\n  }\n<\/style>\n\n<script>\n  if (typeof AOS !== 'undefined') {\n    AOS.init({ duration: 700, easing: 'ease-out-cubic', once: true, offset: 60 });\n  }\n\n  (function() {\n    var imgs = document.querySelectorAll('.ri-gallery-img');\n    var dotsWrap = document.getElementById('riGalleryDots');\n    if (!imgs.length || !dotsWrap) return;\n    var current = 0;\n\n    \/\/ build dots\n    imgs.forEach(function(_, i) {\n      var dot = document.createElement('div');\n      dot.className = 'ri-gallery-dot' + (i === 0 ? ' active' : '');\n      dot.addEventListener('click', function() { goTo(i); });\n      dotsWrap.appendChild(dot);\n    });\n    var dots = dotsWrap.querySelectorAll('.ri-gallery-dot');\n\n    function goTo(n) {\n      imgs[current].classList.remove('active');\n      dots[current].classList.remove('active');\n      current = n;\n      imgs[current].classList.add('active');\n      dots[current].classList.add('active');\n    }\n\n    setInterval(function() {\n      goTo((current + 1) % imgs.length);\n    }, 4000);\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbccc41 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"fbccc41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== REVIEWS + HOW IT WORKS (side by side, dark right card) ===== *\/\n.rh-section {\n  background: white;\n  padding: 4rem 2rem;\n  border-top: 1px solid #e0e0e0;\n}\n.rh-container { max-width: 1200px; margin: 0 auto; }\n\n.rh-badge {\n  display: inline-flex; align-items: center; gap: 0.5rem; background: white;\n  border: 1px solid #e0e0e0; padding: 0.6rem 1.2rem; border-radius: 25px;\n  margin-bottom: 1.5rem; font-size: 0.75rem; font-weight: 700; color: #666;\n  text-transform: uppercase; letter-spacing: 0.5px;\n}\n.rh-badge::before {\n  content: \"G\"; width: 16px; height: 16px; background: #4285f4; border-radius: 3px;\n  display: flex; align-items: center; justify-content: center; color: white;\n  font-weight: bold; font-size: 0.6rem;\n}\n\n.rh-header { text-align: center; margin-bottom: 3rem; }\n.rh-header h2 {\n  font-size: 2rem; font-weight: 700; color: #001a4d; line-height: 1.3;\n}\n\n.rh-grid {\n  display: grid;\n  grid-template-columns: 1.4fr 1fr;\n  gap: 2rem;\n  align-items: stretch;\n}\n\n\/* LEFT: reviews *\/\n.rh-reviews { display: flex; flex-direction: column; gap: 1rem; }\n.review-card {\n  background: #f8f9fa; border-radius: 12px; padding: 1.3rem;\n  border: 1px solid #eee; transition: all 0.3s ease;\n}\n.review-card:hover { box-shadow: 0 6px 18px rgba(0,0,0,0.08); transform: translateY(-2px); }\n.review-top { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 0.7rem; }\n.review-avatar {\n  width: 42px; height: 42px; border-radius: 50%; background: #001a4d; color: white;\n  display: flex; align-items: center; justify-content: center; font-weight: 700;\n  font-size: 1rem; flex-shrink: 0;\n}\n.review-meta { flex: 1; min-width: 0; }\n.review-name { font-weight: 700; color: #001a4d; font-size: 0.95rem; }\n.review-stars { color: #fbbc04; font-size: 0.85rem; letter-spacing: 1px; }\n.review-text { color: #555; font-size: 0.9rem; line-height: 1.6; margin: 0; }\n\n\/* RIGHT: how it works dark card *\/\n.rh-hiw {\n  background: linear-gradient(160deg, #001a4d 0%, #002a6b 100%);\n  border-radius: 16px; padding: 2rem 1.6rem; color: white;\n  display: flex; flex-direction: column;\n}\n.rh-hiw h3 { font-size: 1.4rem; font-weight: 800; margin-bottom: 0.4rem; line-height: 1.25; }\n.rh-hiw-sub { font-size: 0.85rem; opacity: 0.8; margin-bottom: 1.6rem; }\n\n.hiw-step { display: flex; gap: 1rem; align-items: flex-start; margin-bottom: 1.3rem; }\n.hiw-step-num {\n  width: 36px; height: 36px; background: #d32f2f; color: white; border-radius: 50%;\n  display: flex; align-items: center; justify-content: center; font-weight: 900;\n  font-size: 1rem; flex-shrink: 0;\n}\n.hiw-step-text h4 { font-size: 1rem; font-weight: 700; margin-bottom: 0.2rem; }\n.hiw-step-text p { font-size: 0.82rem; opacity: 0.8; margin: 0; line-height: 1.4; }\n\n.rh-hiw-cta {\n  display: flex; align-items: center; justify-content: center; gap: 0.5rem;\n  background: #d32f2f; color: white; text-decoration: none; font-weight: 700;\n  font-size: 1.05rem; padding: 0.95rem; border-radius: 10px; margin-top: auto;\n  box-shadow: 0 4px 14px rgba(211,47,47,0.4); animation: rhPulse 1.8s infinite;\n  transition: background 0.3s ease;\n}\n.rh-hiw-cta:hover { background: #b71c1c; }\n\n@keyframes rhPulse {\n  0% { box-shadow: 0 4px 14px rgba(211,47,47,0.4); }\n  50% { box-shadow: 0 4px 22px rgba(211,47,47,0.8); }\n  100% { box-shadow: 0 4px 14px rgba(211,47,47,0.4); }\n}\n\n@media (max-width: 768px) {\n  .rh-section { padding: 3rem 1rem; }\n  .rh-header h2 { font-size: 1.5rem; }\n  .rh-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"rh-section\">\n  <div class=\"rh-container\">\n    <div class=\"rh-header\">\n      <div class=\"rh-badge\">Verified Google Reviews<\/div>\n      <h2>Rhode Island's Trusted Automotive Locksmith<\/h2>\n    <\/div>\n\n    <div class=\"rh-grid\">\n      <!-- LEFT: REVIEWS -->\n      <div class=\"rh-reviews\">\n        <div class=\"review-card\">\n          <div class=\"review-top\">\n            <div class=\"review-avatar\">A<\/div>\n            <div class=\"review-meta\">\n              <div class=\"review-name\">Amanda Davis<\/div>\n              <div class=\"review-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\n            <\/div>\n          <\/div>\n          <p class=\"review-text\">Locked my keys in the car at work and they showed up fast. The tech was professional and got me back in without a scratch. Highly recommend!<\/p>\n        <\/div>\n\n        <div class=\"review-card\">\n          <div class=\"review-top\">\n            <div class=\"review-avatar\">J<\/div>\n            <div class=\"review-meta\">\n              <div class=\"review-name\">James Benson<\/div>\n              <div class=\"review-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\n            <\/div>\n          <\/div>\n          <p class=\"review-text\">Lost the only key to my truck. They cut and programmed a new one right in my driveway for way less than the dealer quoted. Lifesavers.<\/p>\n        <\/div>\n\n        <div class=\"review-card\">\n          <div class=\"review-top\">\n            <div class=\"review-avatar\">M<\/div>\n            <div class=\"review-meta\">\n              <div class=\"review-name\">Michael Rodriguez<\/div>\n              <div class=\"review-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\n            <\/div>\n          <\/div>\n          <p class=\"review-text\">Fast, fair, and friendly. My key fob stopped working and they had a replacement programmed in minutes. Will definitely call again.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: HOW IT WORKS -->\n      <div class=\"rh-hiw\">\n        <h3>Back On The Road in 3 Easy Steps<\/h3>\n        <p class=\"rh-hiw-sub\">Fast, simple, and done on-site.<\/p>\n\n        <div class=\"hiw-step\">\n          <div class=\"hiw-step-num\">1<\/div>\n          <div class=\"hiw-step-text\">\n            <h4>Call Us<\/h4>\n            <p>Tell us your car and location. Get an upfront quote, 24\/7.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"hiw-step\">\n          <div class=\"hiw-step-num\">2<\/div>\n          <div class=\"hiw-step-text\">\n            <h4>We Come To You<\/h4>\n            <p>Our mobile tech arrives at your location anywhere in RI.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"hiw-step\">\n          <div class=\"hiw-step-num\">3<\/div>\n          <div class=\"hiw-step-text\">\n            <h4>Done On-Site<\/h4>\n            <p>Key cut, programmed, or lockout solved &mdash; and you drive away.<\/p>\n          <\/div>\n        <\/div>\n\n        <a href=\"tel:4012993339\" class=\"rh-hiw-cta\">&#128222; Call Now 401-299-3339<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a4ec6c elementor-widget elementor-widget-html\" data-id=\"6a4ec6c\" 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: 12px; border-bottom: 1px solid #f1f5f9; padding-bottom: 12px;\">\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 to me? <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: 12px; border-bottom: 1px solid #f1f5f9; padding-bottom: 12px;\">\n                    <summary style=\"font-weight: 700; color: #001a4d; cursor: pointer; list-style: none; display: flex; justify-content: space-between;\">\n                        How much does a car key or lockout cost? <span style=\"color: #d32f2f;\">+<\/span>\n                    <\/summary>\n                    <p style=\"font-size: 14px; color: #64748b; margin-top: 8px; line-height: 1.5;\">It depends on your vehicle make and the service needed. We always quote you the full price upfront over the phone \u2014 no hidden fees, ever.<\/p>\n                <\/details>\n\n                <details style=\"margin-bottom: 12px; border-bottom: 1px solid #f1f5f9; padding-bottom: 12px;\">\n                    <summary style=\"font-weight: 700; color: #001a4d; cursor: pointer; list-style: none; display: flex; justify-content: space-between;\">\n                        Can you make a key without the original? <span style=\"color: #d32f2f;\">+<\/span>\n                    <\/summary>\n                    <p style=\"font-size: 14px; color: #64748b; margin-top: 8px; line-height: 1.5;\">Yes. We can cut and program a brand new key on-site even if you've lost all of your keys.<\/p>\n                <\/details>\n\n                <details style=\"margin-bottom: 12px;\">\n                    <summary style=\"font-weight: 700; color: #001a4d; cursor: pointer; list-style: none; display: flex; justify-content: space-between;\">\n                        Do you work on all makes and models? <span style=\"color: #d32f2f;\">+<\/span>\n                    <\/summary>\n                    <p style=\"font-size: 14px; color: #64748b; margin-top: 8px; line-height: 1.5;\">Absolutely. We program transponder keys, fobs, remotes, and smart keys, and handle lockouts and ignitions for nearly all makes and models.<\/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 Automotive Lead - RI Lock & Keys!\">\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=\"Car Lockout\">Car Lockout<\/option>\n                    <option value=\"Car Key Replacement\">Car Key Replacement<\/option>\n                    <option value=\"Key Fob \/ Smart Key\">Key Fob \/ Smart Key Programming<\/option>\n                    <option value=\"Lost Car Keys\">Lost Car Keys (No Spare)<\/option>\n                    <option value=\"Ignition Repair\">Ignition Repair<\/option>\n                    <option value=\"Other\">Other<\/option>\n                <\/select>\n\n                <button type=\"submit\" class=\"form-submit-btn\" 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: stretch;\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    .form-submit-btn:hover {\n        background: #b71c1c !important;\n        transform: translateY(-2px);\n    }\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8aa4715 e-con-full e-flex e-con e-parent\" data-id=\"8aa4715\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86042cd elementor-widget elementor-widget-html\" data-id=\"86042cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"ri-footer\" style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\">\n  <div class=\"ri-footer-inner\">\n\n    <div class=\"ri-footer-grid\">\n\n      <!-- BRAND \/ ABOUT -->\n      <div class=\"ri-foot-col\">\n        <div class=\"ri-foot-logo\">RI Lock &amp; Keys<\/div>\n        <p class=\"ri-foot-about\">Your trusted mobile automotive locksmith for car keys, lockouts, key fobs, and ignition repair across all of Rhode Island. Fast, licensed, and available 24\/7.<\/p>\n        <div class=\"ri-foot-badges\">\n          <span class=\"ri-foot-badge\">Licensed<\/span>\n          <span class=\"ri-foot-badge\">Insured<\/span>\n          <span class=\"ri-foot-badge\">24\/7<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- SERVICES -->\n      <div class=\"ri-foot-col\">\n        <div class=\"ri-foot-head\">Automotive Services<\/div>\n        <ul class=\"ri-foot-list\">\n          <li>Car Lockout Service<\/li>\n          <li>Car Key Replacement<\/li>\n          <li>Key Fob &amp; Smart Key Programming<\/li>\n          <li>Lost Car Keys<\/li>\n          <li>Ignition Repair &amp; Replace<\/li>\n          <li>Transponder Key Cutting<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- AREAS -->\n      <div class=\"ri-foot-col\">\n        <div class=\"ri-foot-head\">Service Areas<\/div>\n        <ul class=\"ri-foot-list\">\n          <li>Providence, RI<\/li>\n          <li>Warwick &amp; Cranston<\/li>\n          <li>Pawtucket &amp; East Providence<\/li>\n          <li>Woonsocket &amp; Cumberland<\/li>\n          <li>Newport &amp; Coventry<\/li>\n          <li>All of Rhode Island<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- CONTACT -->\n      <div class=\"ri-foot-col\">\n        <div class=\"ri-foot-head\">Get In Touch<\/div>\n        <a href=\"tel:4012993339\" class=\"ri-foot-phone\">&#128222; 401-299-3339<\/a>\n        <div class=\"ri-foot-hours\">\n          <div class=\"ri-foot-hours-row\"><span>Mon &ndash; Sun<\/span><span class=\"ri-foot-open\">Open 24 Hours<\/span><\/div>\n        <\/div>\n        <a href=\"tel:4012993339\" class=\"ri-foot-cta\">Call Now for Service<\/a>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"ri-footer-bottom\">\n      <span>&copy; 2026 RI Lock &amp; Keys. All rights reserved.<\/span>\n      <span>Mobile Automotive Locksmith &bull; Rhode Island<\/span>\n    <\/div>\n\n  <\/div>\n<\/footer>\n\n<style>\n  .ri-footer {\n    background: #001a4d;\n    color: #fff;\n    padding: 3.5rem 2rem 1.5rem;\n  }\n  .ri-footer-inner { max-width: 1100px; margin: 0 auto; }\n  .ri-footer-grid {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr 1fr 1.2fr;\n    gap: 2.5rem;\n    padding-bottom: 2rem;\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n  }\n  .ri-foot-logo {\n    font-size: 1.4rem;\n    font-weight: 900;\n    color: #fff;\n    margin-bottom: 1rem;\n  }\n  .ri-foot-about {\n    font-size: 0.9rem;\n    line-height: 1.7;\n    color: #9db4d8;\n    margin-bottom: 1.2rem;\n  }\n  .ri-foot-badges { display: flex; gap: 0.5rem; flex-wrap: wrap; }\n  .ri-foot-badge {\n    background: rgba(255,255,255,0.08);\n    border: 1px solid rgba(255,255,255,0.15);\n    color: #cfe0f5;\n    font-size: 0.7rem;\n    font-weight: 700;\n    padding: 0.3rem 0.7rem;\n    border-radius: 5px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n\n  .ri-foot-head {\n    font-size: 0.95rem;\n    font-weight: 800;\n    color: #ffffff;\n    margin-bottom: 1.1rem;\n  }\n  .ri-foot-list { list-style: none; padding: 0; margin: 0; }\n  .ri-foot-list li {\n    font-size: 0.88rem;\n    color: #9db4d8;\n    padding: 0.35rem 0;\n    transition: color 0.2s ease;\n  }\n  .ri-foot-list li:hover { color: #ffffff; }\n\n  .ri-foot-phone {\n    display: block;\n    font-size: 1.3rem;\n    font-weight: 900;\n    color: #ffffff;\n    text-decoration: none;\n    margin-bottom: 1rem;\n  }\n  .ri-foot-hours { margin-bottom: 1.2rem; }\n  .ri-foot-hours-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.85rem;\n    color: #9db4d8;\n  }\n  .ri-foot-open { color: #4ade80; font-weight: 700; }\n  .ri-foot-cta {\n    display: block;\n    text-align: center;\n    background: #d32f2f;\n    color: #ffffff;\n    padding: 0.8rem 1rem;\n    border-radius: 8px;\n    text-decoration: none;\n    font-weight: 800;\n    font-size: 0.9rem;\n    transition: all 0.25s ease;\n    box-shadow: 0 6px 16px rgba(211,47,47,0.3);\n  }\n  .ri-foot-cta:hover { background: #b71c1c; transform: translateY(-2px); }\n\n  .ri-footer-bottom {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    padding-top: 1.5rem;\n    font-size: 0.78rem;\n    color: #6b83ad;\n  }\n\n  @media (max-width: 768px) {\n    .ri-footer { padding: 2.5rem 1.2rem 1.2rem; }\n    .ri-footer-grid {\n      grid-template-columns: 1fr 1fr;\n      gap: 2rem;\n    }\n    .ri-foot-col:first-child { grid-column: 1 \/ -1; }\n    .ri-footer-bottom {\n      flex-direction: column;\n      text-align: center;\n      gap: 0.4rem;\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c9a862 elementor-widget elementor-widget-html\" data-id=\"8c9a862\" 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 class=\"elementor-element elementor-element-2b33a27 elementor-widget elementor-widget-html\" data-id=\"2b33a27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.ri-popup-overlay {\n  display: none;\n  position: fixed;\n  inset: 0;\n  background: rgba(0,0,0,0.6);\n  z-index: 99999;\n  justify-content: center;\n  align-items: center;\n  padding: 1rem;\n  animation: riFadeIn 0.3s ease;\n}\n\n.ri-popup-overlay.ri-show { display: flex; }\n\n.ri-popup-box {\n  background: #fff;\n  border-radius: 16px;\n  max-width: 380px;\n  width: 100%;\n  padding: 2rem 1.5rem 1.5rem;\n  text-align: center;\n  position: relative;\n  box-shadow: 0 20px 60px rgba(0,0,0,0.35);\n  animation: riPopIn 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28);\n}\n\n.ri-popup-close {\n  position: absolute;\n  top: 0.7rem;\n  right: 0.9rem;\n  background: none;\n  border: none;\n  font-size: 1.6rem;\n  color: #999;\n  cursor: pointer;\n  line-height: 1;\n  padding: 0;\n}\n.ri-popup-close:hover { color: #333; }\n\n.ri-popup-badge {\n  display: inline-block;\n  background: #fff3f3;\n  color: #d32f2f;\n  font-size: 0.7rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  padding: 0.35rem 0.9rem;\n  border-radius: 20px;\n  margin-bottom: 1rem;\n}\n\n.ri-popup-box h2 {\n  font-size: 1.5rem;\n  font-weight: 800;\n  color: #001a4d;\n  margin: 0 0 0.4rem;\n  line-height: 1.2;\n}\n\n.ri-popup-sub {\n  font-size: 0.9rem;\n  color: #666;\n  margin-bottom: 1.3rem;\n}\n\n.ri-offers {\n  display: flex;\n  gap: 0.7rem;\n  margin-bottom: 1.4rem;\n}\n\n.ri-offer {\n  flex: 1;\n  background: #f8f9fa;\n  border: 2px solid #e8e8e8;\n  border-radius: 12px;\n  padding: 1rem 0.6rem;\n  transition: all 0.25s ease;\n}\n.ri-offer:hover { border-color: #d32f2f; transform: translateY(-2px); }\n\n.ri-offer-amount {\n  font-size: 1.7rem;\n  font-weight: 900;\n  color: #d32f2f;\n  line-height: 1;\n  margin-bottom: 0.3rem;\n}\n.ri-offer-text {\n  font-size: 0.72rem;\n  color: #555;\n  font-weight: 600;\n  line-height: 1.3;\n}\n\n.ri-popup-cta {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  background: #d32f2f;\n  color: #fff;\n  text-decoration: none;\n  font-size: 1.1rem;\n  font-weight: 700;\n  padding: 1rem;\n  border-radius: 12px;\n  box-shadow: 0 6px 18px rgba(211,47,47,0.4);\n  transition: all 0.3s ease;\n  animation: riPulse 1.8s infinite;\n}\n.ri-popup-cta:hover { background: #b71c1c; transform: translateY(-2px); }\n\n.ri-popup-note {\n  font-size: 0.7rem;\n  color: #999;\n  margin-top: 0.9rem;\n}\n\n@keyframes riFadeIn { from { opacity: 0; } to { opacity: 1; } }\n@keyframes riPopIn {\n  from { opacity: 0; transform: scale(0.85) translateY(20px); }\n  to   { opacity: 1; transform: scale(1) translateY(0); }\n}\n@keyframes riPulse {\n  0%   { box-shadow: 0 6px 18px rgba(211,47,47,0.4); }\n  50%  { box-shadow: 0 6px 26px rgba(211,47,47,0.75); }\n  100% { box-shadow: 0 6px 18px rgba(211,47,47,0.4); }\n}\n\n@media (max-width: 400px) {\n  .ri-popup-box h2 { font-size: 1.3rem; }\n  .ri-offer-amount { font-size: 1.4rem; }\n}\n<\/style>\n\n<div class=\"ri-popup-overlay\" id=\"riPopup\">\n  <div class=\"ri-popup-box\">\n    <button class=\"ri-popup-close\" onclick=\"riClosePopup()\" aria-label=\"Close\">&times;<\/button>\n    <div class=\"ri-popup-badge\">&#9889; Limited Time Offer<\/div>\n    <h2>Save On Your Car Key Today!<\/h2>\n    <p class=\"ri-popup-sub\">Call now and mention this offer to claim your discount.<\/p>\n\n    <div class=\"ri-offers\">\n      <div class=\"ri-offer\">\n        <div class=\"ri-offer-amount\">10%<\/div>\n        <div class=\"ri-offer-text\">OFF Your Service<\/div>\n      <\/div>\n      <div class=\"ri-offer\">\n        <div class=\"ri-offer-amount\">$20<\/div>\n        <div class=\"ri-offer-text\">OFF a Second Key<\/div>\n      <\/div>\n    <\/div>\n\n    <a href=\"tel:4012993339\" class=\"ri-popup-cta\" onclick=\"riClosePopup()\">\n      &#128222; Call Now &mdash; 401-299-3339\n    <\/a>\n    <p class=\"ri-popup-note\">Licensed &amp; Insured &middot; 24\/7 Mobile Service<\/p>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  var shown = false;\n  function riShowPopup() {\n    if (shown) return;\n    shown = true;\n    var p = document.getElementById('riPopup');\n    if (p) p.classList.add('ri-show');\n  }\n  setTimeout(riShowPopup, 20000);\n\n  var overlay = document.getElementById('riPopup');\n  if (overlay) {\n    overlay.addEventListener('click', function(e) {\n      if (e.target === overlay) riClosePopup();\n    });\n  }\n})();\n\nfunction riClosePopup() {\n  var p = document.getElementById('riPopup');\n  if (p) p.classList.remove('ri-show');\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>Home Automotive Residential Commercial Access Control Safes CALL NOW Home Automotive Residential Commercial Access Control Safes &#9733;&#9733;&#9733;&#9733;&#9733; TRUSTED LOCAL LOCKSMITH Automotive Locksmith Services in Rhode Island Locked out, lost your key, or need a replacement? Our mobile automotive locksmiths come to you anywhere in Rhode Island. We handle car lockouts, key replacement, key fob programming, [&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-172","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rilockandkeys.com\/index.php?rest_route=\/wp\/v2\/pages\/172","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=172"}],"version-history":[{"count":5,"href":"https:\/\/rilockandkeys.com\/index.php?rest_route=\/wp\/v2\/pages\/172\/revisions"}],"predecessor-version":[{"id":273,"href":"https:\/\/rilockandkeys.com\/index.php?rest_route=\/wp\/v2\/pages\/172\/revisions\/273"}],"wp:attachment":[{"href":"https:\/\/rilockandkeys.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}