body {margin:0; font-family: Arial, sans-serif; line-height:1.6; color:#fff; background:#0d1b2a;} a {text-decoration:none;} /* Hero Section */ .hero {position:relative; background:url('https://images.unsplash.com/photo-1593941707874-ef25b0d0a3d2?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat; padding:120px 20px; text-align:center; overflow:hidden;} .hero::after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.65);} .hero-content {position:relative; z-index:2; max-width:900px; margin:auto;} .hero-content h1 {font-size:3rem; color:#ffd700; margin-bottom:20px; text-shadow:2px 2px 6px rgba(0,0,0,0.7);} .hero-content p {font-size:1.2rem; margin-bottom:30px;} .hero-content .cta-btn {background:#ffd700; color:#000; font-weight:bold; padding:16px 40px; border-radius:30px; display:inline-block; box-shadow:0 6px 15px rgba(0,0,0,0.4); transition:0.3s;} .hero-content .cta-btn:hover {background:#e6c200; transform:scale(1.05);} /* Services Grid */ .services {max-width:1150px; margin:50px auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:25px; padding:0 20px;} .service-card {background:rgba(255,255,255,0.07); padding:30px; border-radius:15px; box-shadow:0 4px 15px rgba(0,0,0,0.4); text-align:center; transition:0.3s;} .service-card:hover {transform:scale(1.03);} .service-card h3 {color:#ffd700; margin-bottom:15px; font-size:1.4rem;} .service-card p {color:#f1f1f1; font-size:1rem;} /* Detailed Service Sections */ .service-detail {max-width:1100px; margin:60px auto; padding:40px 20px; background:linear-gradient(135deg, #1b263b, #0d1b2a); border-radius:20px; box-shadow:0 6px 20px rgba(0,0,0,0.5);} .service-detail h2 {font-size:2.2rem; color:#ffd700; margin-bottom:20px; text-align:center; text-shadow:1px 1px 4px rgba(0,0,0,0.6);} .service-detail p {font-size:1.1rem; line-height:1.8; text-align:center; margin-bottom:15px;} /* Vehicle Coverage Section */ .vehicles {max-width:1150px; margin:60px auto; padding:40px 20px; text-align:center; background:rgba(255,255,255,0.05); border-radius:20px;} .vehicles h2 {font-size:2rem; color:#ffd700; margin-bottom:25px;} .vehicles p {font-size:1.1rem; margin-bottom:20px;} .vehicle-list {display:flex; flex-wrap:wrap; justify-content:center; gap:15px;} .vehicle-item {background:rgba(255,255,255,0.08); padding:10px 20px; border-radius:10px; font-weight:bold; color:#fff; transition:0.3s;} .vehicle-item:hover {background:#ffd700; color:#000;} /* CTA Section */ .cta-section {position:relative; background:url('https://images.unsplash.com/photo-1571420916021-7a1a93ff0b33?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat; padding:80px 20px; text-align:center; border-radius:20px; margin:50px 20px;} .cta-section::after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.65); border-radius:20px;} .cta-content {position:relative; z-index:2; max-width:900px; margin:auto;} .cta-content h2 {font-size:2.5rem; color:#ffd700; margin-bottom:20px; text-shadow:2px 2px 6px rgba(0,0,0,0.7);} .cta-content p {font-size:1.2rem; margin-bottom:30px;} .cta-content .cta-btn {background:#ffd700; color:#000; font-weight:bold; padding:16px 40px; border-radius:30px; display:inline-block; box-shadow:0 6px 15px rgba(0,0,0,0.4); transition:0.3s;} .cta-content .cta-btn:hover {background:#e6c200; transform:scale(1.05);} /* Footer */ footer {background:linear-gradient(135deg, #0d1b2a, #1b263b); padding:60px 20px; color:#fff;} .footer-container {max-width:1200px; margin:auto;} .footer-columns {display:flex; flex-wrap:wrap; gap:40px; justify-content:space-between; margin-bottom:30px;} .footer-col {flex:1 1 280px;} .footer-col h3 {color:#ffd700; font-size:1.5rem; margin-bottom:15px; text-shadow:1px 1px 3px rgba(0,0,0,0.6);} .footer-col p, .footer-col ul {color:#f1f1f1; font-size:1rem; line-height:1.6;} .footer-col ul {list-style:none; padding:0;} .footer-col ul li {margin-bottom:10px;} .footer-col ul li a {color:#f1f1f1; transition:0.3s;} .footer-col ul li a:hover {color:#ffd700;} .footer-bottom {text-align:center; border-top:1px solid rgba(255,255,255,0.2); padding-top:15px; font-size:0.95rem; color:#ccc;} .footer-bottom a {color:#ffd700;} .footer-bottom a:hover {color:#e6c200;} @media (max-width:768px) { .footer-columns {flex-direction:column; gap:25px;} .hero-content h1 {font-size:2rem;} .cta-content h2 {font-size:2rem;} .service-detail h2 {font-size:1.8rem;} }

Professional Auto & Car Locksmith Services in Manchester

Fast, reliable, and affordable mobile locksmith solutions. Emergency car lockouts, key replacement, ignition repair, key fob programming, and transponder keys across all Manchester suburbs.

📞 Call Now – +44 7936 755530

🚗 Emergency Car Lockouts

Available 24/7 across Manchester, we quickly unlock your car without damage. Trusted for all car makes and models.

🔑 Car Key Replacement

Replacement keys for all vehicles including BMW, Audi, Mercedes, Ford, Toyota, Honda, Nissan. Fast and reliable service.

🛠️ Ignition Repair & Lock Solutions

Repair or replace faulty ignitions and locks, saving you costly dealership expenses.

📱 Mobile Key Cutting

We provide fast mobile key cutting and programming directly at your location in Manchester.

🔐 Key Fob & Transponder Services

Expert key fob programming and transponder key replacement for modern vehicles.</p