Car Rental in Chefchaouen/title>
<meta name="description" content="Find affordable car rental deals in Chefchaouen at Rentrals.com! Cruise amazing roads in our premium vehicles — superb offers, great rates!">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@700&family=Outfit:wght@400;600&display=swap" rel="stylesheet">
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
.wr { width: 100%; padding: 28px 14px; }
.strip {
width: 100%; max-width: 1200px; margin: 0 auto;
border-radius: 18px; background: #f0faf0;
border: 1px solid #b7dfb9; position: relative;
overflow: hidden; display: flex; align-items: stretch;
min-height: 100px;
transition: transform 0.35s cubic-bezier(.22,1,.36,1), box-shadow 0.35s ease;
}
.strip:hover {
transform: translateY(-4px);
box-shadow: 0 22px 50px rgba(46,125,50,0.16), 0 4px 16px rgba(46,125,50,0.08);
}
.side-bar {
width: 6px; flex-shrink: 0; background: #2e7d32;
border-radius: 18px 0 0 18px; position: relative; overflow: hidden;
}
.side-bar::before {
content: ''; position: absolute; left: 0; top: -100%;
width: 100%; height: 50%; background: rgba(255,255,255,0.6);
animation: barFlow 2s ease-in-out infinite;
}
@keyframes barFlow { 0% { top: -60%; } 100% { top: 150%; } }
.body {
flex: 1; display: flex; align-items: center;
padding: 28px 44px; gap: 20px;
position: relative; z-index: 2;
animation: bodyIn 0.9s cubic-bezier(.22,1,.36,1) both;
}
@keyframes bodyIn {
from { opacity: 0; transform: translateX(-24px); }
to { opacity: 1; transform: translateX(0); }
}
.icon-ring {
width: 58px; height: 58px; flex-shrink: 0;
border-radius: 50%; border: 1.5px solid #81c784;
background: #fff; display: flex; align-items: center; justify-content: center;
position: relative; animation: ringPop 0.8s cubic-bezier(.22,1,.36,1) 0.2s both;
}
@keyframes ringPop {
from { opacity: 0; transform: scale(0.5) rotate(-20deg); }
to { opacity: 1; transform: scale(1) rotate(0deg); }
}
.icon-ring::after {
content: ''; position: absolute; inset: -5px; border-radius: 50%;
border: 1px solid rgba(46,125,50,0.18);
animation: pulse 2.8s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.14); opacity: 0; }
}
.texts { display: flex; flex-direction: column; gap: 5px; }
.eyebrow {
font-family: 'Outfit', sans-serif; font-size: 10.5px; font-weight: 600;
letter-spacing: 3px; text-transform: uppercase; color: #43a047;
display: flex; align-items: center; gap: 8px;
animation: fadeUp 0.7s ease 0.25s both;
}
.eyebrow::before, .eyebrow::after {
content: ''; display: inline-block; height: 1px; background: #81c784;
animation: lineGrow 0.8s ease 0.5s both;
}
.eyebrow::after { animation-delay: 0.6s; }
@keyframes lineGrow { from { width: 0; } to { width: 24px; } }
@keyframes fadeUp {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
.title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: clamp(1.6rem, 3.2vw, 2.4rem); font-weight: 700;
color: #1b5e20; letter-spacing: -0.4px; line-height: 1.05;
animation: fadeUp 0.7s ease 0.35s both;
position: relative; display: inline-block;
}
.title::after {
content: ''; position: absolute; bottom: -3px; left: 0;
height: 2px; width: 0; background: #43a047; border-radius: 2px;
animation: underlineGrow 0.9s cubic-bezier(.22,1,.36,1) 0.8s forwards;
}
@keyframes underlineGrow { from { width: 0; } to { width: 100%; } }
.deco { position: absolute; inset: 0; pointer-events: none; overflow: hidden; border-radius: 18px; }
.sweep {
position: absolute; top: 0; left: -100%; width: 50%; height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
animation: sweep 4.5s ease-in-out 1s infinite;
}
@keyframes sweep { 0% { left: -60%; } 45% { left: 120%; } 100% { left: 120%; } }
.dot { position: absolute; border-radius: 50%; background: rgba(46,125,50,0.07); animation: floatDot 6s ease-in-out infinite; }
.d1 { width: 160px; height: 160px; right: -40px; top: -60px; }
.d2 { width: 90px; height: 90px; right: 100px; bottom: -40px; animation-delay: 1.5s; }
.d3 { width: 50px; height: 50px; right: 240px; top: 10px; animation-delay: 3s; }
@keyframes floatDot {
0%, 100% { transform: translateY(0) scale(1); }
50% { transform: translateY(-8px) scale(1.05); }
}
@media (max-width: 640px) {
.body { padding: 22px 20px; }
.icon-ring { width: 46px; height: 46px; }
}
</style>
</head>
<body>
<div class="wr">
<div class="strip">
<div class="deco">
<div class="dot d1"></div>
<div class="dot d2"></div>
<div class="dot d3"></div>
<div class="sweep"></div>
</div>
<div class="side-bar"></div>
<div class="body">
<div class="icon-ring">
<svg width="26" height="26" viewBox="0 0 26 26" fill="none">
<path d="M3 17h20M4.5 17l2.2-6.5h12.6L21.5 17" stroke="#2e7d32" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.7 10.5l1.8-4.5h9l1.8 4.5" stroke="#81c784" stroke-width="1.2" stroke-linecap="round"/>
<circle cx="8.5" cy="18.8" r="2.2" fill="#43a047"/>
<circle cx="17.5" cy="18.8" r="2.2" fill="#43a047"/>
<path d="M13 6V4" stroke="#a5d6a7" stroke-width="1.2" stroke-linecap="round"/>
</svg>
</div>
<div class="texts">
<span class="eyebrow">Best Car Rental Deals in Chefchaouen</span>
<h2 class="title">Car Rental in Chefchaouen</h2>
</div>
</div>
</div>
</div>
</body>
</html>
<script src="https://static.localrent.com/booking/v2/wl/app.js" async data-mrc-wl="true" data-affiliate="14853" data-country="99" data-city="451751" data-routing="on" data-zindex="10000"></script>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/generatepress/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script id="generate-a11y">
!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("pointerdown",(function(){e.classList.add("using-mouse")}),{passive:!0}),e.addEventListener("keydown",(function(){e.classList.remove("using-mouse")}),{passive:!0})}}();
</script>
<script>
( () => {
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
} )();
</script>
<script id="generate-menu-js-before">
var generatepressMenu = {"toggleOpenedSubMenus":true,"openSubMenuLabel":"Open Sub-Menu","closeSubMenuLabel":"Close Sub-Menu"};
//# sourceURL=generate-menu-js-before
</script>
<script id="generate-menu-js" src="https://rentrals.com/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.6.1"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://rentrals.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}}
</script>
<script type="module">
/*! This file is auto-generated */
var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
//# sourceURL=https://rentrals.com/wp-includes/js/wp-emoji-loader.min.js
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
.rentrals-footer *,
.rentrals-footer *::before,
.rentrals-footer *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.rentrals-footer {
--rf-bg: #f4f6f9;
--rf-border: #e0e4ec;
--rf-dark: #1a1f2e;
--rf-mid: #5a6278;
--rf-soft: #9aa0b4;
--rf-gold: #c9a96e;
--rf-gold-light: #e8c98a;
--rf-white: #ffffff;
--rf-transition: 0.28s cubic-bezier(0.4,0,0.2,1);
width: 100%;
background: var(--rf-bg);
font-family: 'Montserrat', sans-serif;
border-top: 1px solid var(--rf-border);
}
.rf-accent-bar {
height: 3px;
width: 100%;
background: linear-gradient(90deg,
transparent 0%,
var(--rf-gold) 25%,
var(--rf-gold-light) 50%,
var(--rf-gold) 75%,
transparent 100%
);
}
.rf-body {
max-width: 1280px;
margin: 0 auto;
padding: 48px 40px 36px;
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: start;
gap: 40px;
}
.rf-left {
display: flex;
flex-direction: column;
gap: 14px;
}
.rf-logo-link {
display: inline-flex;
text-decoration: none;
flex-shrink: 0;
}
.rf-logo {
height: 48px;
width: auto;
object-fit: contain;
filter: brightness(0) saturate(100%) invert(14%) sepia(18%) saturate(800%) hue-rotate(192deg) brightness(90%);
transition: filter var(--rf-transition), transform var(--rf-transition);
}
.rf-logo-link:hover .rf-logo {
filter: brightness(0) saturate(100%) invert(68%) sepia(28%) saturate(600%) hue-rotate(5deg) brightness(98%);
transform: scale(1.03);
}
.rf-tagline {
font-size: 12px;
font-weight: 500;
color: var(--rf-mid);
letter-spacing: 0.04em;
line-height: 1.6;
max-width: 220px;
}
.rf-whatsapp-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 600;
color: var(--rf-dark);
text-decoration: none;
transition: color var(--rf-transition), transform var(--rf-transition);
margin-top: 2px;
}
.rf-whatsapp-link:hover {
color: #25D366;
transform: translateX(2px);
}
.rf-whatsapp-link svg {
fill: #25D366;
flex-shrink: 0;
}
.rf-nav {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.rf-nav-title {
font-size: 10px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--rf-soft);
margin-bottom: 4px;
}
.rf-nav a {
font-size: 13px;
font-weight: 500;
color: var(--rf-mid);
text-decoration: none;
letter-spacing: 0.02em;
position: relative;
padding-bottom: 2px;
transition: color var(--rf-transition);
white-space: nowrap;
}
.rf-nav a::after {
content: '';
position: absolute;
bottom: 0; left: 0;
width: 0; height: 1.5px;
background: var(--rf-gold);
transition: width var(--rf-transition);
}
.rf-nav a:hover {
color: var(--rf-dark);
}
.rf-nav a:hover::after {
width: 100%;
}
.rf-right {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 14px;
}
.rf-payment-title {
font-size: 10px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--rf-soft);
}
.rf-payment-icons {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: flex-end;
}
.rf-pay-badge {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
background: var(--rf-white);
border: 1.5px solid var(--rf-border);
border-radius: 6px;
padding: 6px 12px;
font-size: 11px;
font-weight: 700;
color: var(--rf-dark);
letter-spacing: 0.03em;
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
transition: border-color var(--rf-transition), box-shadow var(--rf-transition), transform var(--rf-transition);
white-space: nowrap;
}
.rf-pay-badge:hover {
border-color: var(--rf-gold);
box-shadow: 0 3px 10px rgba(201,169,110,0.2);
transform: translateY(-2px);
}
.rf-pay-badge svg {
flex-shrink: 0;
}
.rf-social-title {
font-size: 10px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--rf-soft);
}
.rf-social-icons {
display: flex;
gap: 10px;
justify-content: flex-end;
}
.rf-social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background: var(--rf-white);
border: 1.5px solid var(--rf-border);
border-radius: 8px;
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
transition: border-color var(--rf-transition), box-shadow var(--rf-transition), transform var(--rf-transition), background var(--rf-transition);
text-decoration: none;
}
.rf-social-link:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}
.rf-social-link.rf-fb:hover {
border-color: #1877F2;
background: #1877F2;
}
.rf-social-link.rf-ig:hover {
border-color: #E1306C;
background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.rf-social-link.rf-pt:hover {
border-color: #E60023;
background: #E60023;
}
.rf-social-link svg {
transition: fill var(--rf-transition);
}
.rf-social-link.rf-fb svg { fill: #1877F2; }
.rf-social-link.rf-ig svg { fill: url(#ig-grad); }
.rf-social-link.rf-pt svg { fill: #E60023; }
.rf-social-link.rf-fb:hover svg { fill: #ffffff; }
.rf-social-link.rf-ig:hover svg { fill: #ffffff; }
.rf-social-link.rf-pt:hover svg { fill: #ffffff; }
.rf-divider {
max-width: 1280px;
margin: 0 auto;
padding: 0 40px;
}
.rf-divider hr {
border: none;
border-top: 1px solid var(--rf-border);
}
.rf-bottom {
max-width: 1280px;
margin: 0 auto;
padding: 18px 40px 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
.rf-copyright {
font-size: 12px;
font-weight: 500;
color: var(--rf-soft);
letter-spacing: 0.02em;
}
.rf-copyright span {
color: var(--rf-gold);
font-weight: 600;
}
.rf-bottom-links {
display: flex;
gap: 20px;
}
.rf-bottom-links a {
font-size: 11px;
font-weight: 500;
color: var(--rf-soft);
text-decoration: none;
letter-spacing: 0.04em;
transition: color var(--rf-transition);
}
.rf-bottom-links a:hover {
color: var(--rf-gold);
}
@media (max-width: 900px) {
.rf-body {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
padding: 36px 28px 28px;
gap: 32px;
}
.rf-left {
grid-column: 1 / -1;
}
.rf-nav {
align-items: flex-start;
}
.rf-right {
align-items: flex-start;
}
.rf-payment-icons {
justify-content: flex-start;
}
.rf-social-icons {
justify-content: flex-start;
}
.rf-divider,
.rf-bottom {
padding: 0 28px;
}
.rf-bottom {
padding: 16px 28px 20px;
}
}
@media (max-width: 560px) {
.rf-body {
grid-template-columns: 1fr;
padding: 28px 20px 20px;
gap: 28px;
}
.rf-left {
grid-column: 1;
}
.rf-nav {
align-items: flex-start;
}
.rf-right {
align-items: flex-start;
}
.rf-payment-icons {
justify-content: flex-start;
}
.rf-social-icons {
justify-content: flex-start;
}
.rf-divider,
.rf-bottom {
padding: 0 20px;
}
.rf-bottom {
padding: 14px 20px 18px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
}
</style>
<footer class="rentrals-footer">
<div class="rf-accent-bar" aria-hidden="true"></div>
<div class="rf-body">
<div class="rf-left">
<a href="/" class="rf-logo-link" aria-label="Rentrals homepage">
<img
src="https://rentrals.com/wp-content/uploads/2026/04/Rentrals-e1775386616150.png"
alt="Rentrals"
class="rf-logo"
width="140"
height="48"
/>
</a>
<p class="rf-tagline">Your trusted car rental partner.<br>Every road, every ride, every time.</p>
<a href="https://wa.me/447393829269" class="rf-whatsapp-link" target="_blank" rel="noopener noreferrer" aria-label="Contact us on WhatsApp">
<svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.335-1.662a11.87 11.87 0 005.711 1.455h.005c6.554 0 11.89-5.335 11.893-11.893 0-3.174-1.236-6.159-3.481-8.404"/>
</svg>
+44 7848476488
</a>
</div>
<nav class="rf-nav" aria-label="Footer navigation">
<div class="rf-nav-title">Pages</div>
<a href="/contact">Contact Us</a>
<a href="/about">About Us</a>
<a href="/privacy-policy">Privacy Policy</a>
<a href="/terms-and-conditions">Terms and Conditions</a>
</nav>
<div class="rf-right">
<div class="rf-payment-title">We Accept</div>
<div class="rf-payment-icons">
<!-- Visa -->
<div class="rf-pay-badge" title="Visa">
<svg width="32" height="11" viewBox="0 0 32 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<text x="0" y="10" font-family="Montserrat,sans-serif" font-size="11" font-weight="800" fill="#1A1F71" letter-spacing="0.5">VISA</text>
</svg>
</div>
<!-- Mastercard -->
<div class="rf-pay-badge" title="Mastercard">
<svg width="34" height="22" viewBox="0 0 34 22" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="11" r="11" fill="#EB001B"/>
<circle cx="22" cy="11" r="11" fill="#F79E1B" opacity="0.9"/>
<path d="M17 4.2a11 11 0 0 1 0 13.6A11 11 0 0 1 17 4.2z" fill="#FF5F00"/>
</svg>
<span style="font-size:10px;font-weight:700;color:#333;letter-spacing:0.02em;">Mastercard</span>
</div>
<!-- PayPal -->
<div class="rf-pay-badge" title="PayPal">
<svg width="16" height="18" viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg">
<path d="M13.2 2.2C12.4 1.3 10.9 1 9.1 1H4.2a.7.7 0 0 0-.7.6L1.5 13a.4.4 0 0 0 .4.5H5l.8-5.1v.2a.7.7 0 0 1 .7-.6h1.5c2.8 0 5-1.1 5.6-4.4 0-.1 0-.2.1-.3.2-1.2 0-2-.5-2.6z" fill="#003087"/>
<path d="M13.7 4.8c-.6 3.3-2.8 4.4-5.6 4.4H6.6a.7.7 0 0 0-.7.6L5 16a.4.4 0 0 0 .4.5H8a.6.6 0 0 0 .6-.5v-.1l.5-3.1v-.2a.6.6 0 0 1 .6-.5h.4c2.5 0 4.4-1 5-3.9.2-1.2.1-2.2-.4-2.9z" fill="#009cde"/>
</svg>
<span style="font-size:10px;font-weight:700;color:#003087;">Pay</span><span style="font-size:10px;font-weight:700;color:#009cde;">Pal</span>
</div>
<!-- American Express -->
<div class="rf-pay-badge" title="American Express">
<svg width="32" height="20" viewBox="0 0 32 20" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="20" rx="3" fill="#2E77BC"/>
<text x="50%" y="14" text-anchor="middle" font-family="Montserrat,sans-serif" font-size="7" font-weight="800" fill="#fff" letter-spacing="0.3">AMEX</text>
</svg>
</div>
<!-- Apple Pay -->
<div class="rf-pay-badge" title="Apple Pay">
<svg width="34" height="14" viewBox="0 0 34 14" xmlns="http://www.w3.org/2000/svg">
<text x="0" y="12" font-family="-apple-system,BlinkMacSystemFont,sans-serif" font-size="11" font-weight="600" fill="#000" letter-spacing="0.3"> Pay</text>
<path d="M2.5 2.8c.4-.5.7-1.1.6-1.8-.6 0-1.3.4-1.7.9C1 2.4.6 3 .7 3.7c.7 0 1.4-.4 1.8-.9z" fill="#000"/>
<path d="M3.1 3.9c-1 0-1.8.6-2.3.6-.5 0-1.2-.5-2-.5C-2 4-3.1 4.8-3.7 6c-1.1 2-.3 4.9.8 6.5.5.8 1.2 1.6 2 1.6.8 0 1.1-.5 2-.5 1 0 1.3.5 2 .5.8 0 1.4-.7 2-1.5.6-.9.8-1.8.8-1.8s-1.6-.6-1.6-2.4c0-1.5 1.2-2.2 1.3-2.3-.7-1-1.8-1.2-2.2-1.2z" fill="#000"/>
</svg>
<span style="font-size:10px;font-weight:600;color:#000;letter-spacing:0.02em;">Apple Pay</span>
</div>
<!-- Google Pay -->
<div class="rf-pay-badge" title="Google Pay">
<svg width="38" height="15" viewBox="0 0 38 15" xmlns="http://www.w3.org/2000/svg">
<text x="0" y="12" font-family="sans-serif" font-size="10" font-weight="500" fill="#5f6368" letter-spacing="0.2">G</text>
<text x="9" y="12" font-family="sans-serif" font-size="10" font-weight="500" fill="#5f6368" letter-spacing="0.2">Pay</text>
<text x="0" y="12" font-family="sans-serif" font-size="10" font-weight="700" fill="#4285F4">G</text>
</svg>
<span style="font-size:10px;font-weight:500;color:#5f6368;">Google Pay</span>
</div>
</div>
<!-- Social Media Icons -->
<div class="rf-social-title">Follow Us</div>
<div class="rf-social-icons">
<!-- Facebook -->
<a href="https://www.facebook.com/CarRentrals" class="rf-social-link rf-fb" target="_blank" rel="noopener noreferrer" title="Follow us on Facebook" aria-label="Rentrals on Facebook">
<svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.41c0-3.025 1.792-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.97h-1.514c-1.491 0-1.956.93-1.956 1.886v2.268h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z"/>
</svg>
</a>
<!-- Instagram -->
<a href="https://www.instagram.com/rentrals/" class="rf-social-link rf-ig" target="_blank" rel="noopener noreferrer" title="Follow us on Instagram" aria-label="Rentrals on Instagram">
<svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="ig-grad" x1="0%" y1="100%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#f09433"/>
<stop offset="25%" style="stop-color:#e6683c"/>
<stop offset="50%" style="stop-color:#dc2743"/>
<stop offset="75%" style="stop-color:#cc2366"/>
<stop offset="100%" style="stop-color:#bc1888"/>
</linearGradient>
</defs>
<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z"/>
</svg>
</a>
<!-- Pinterest -->
<a href="https://uk.pinterest.com/Rentrals" class="rf-social-link rf-pt" target="_blank" rel="noopener noreferrer" title="Follow us on Pinterest" aria-label="Rentrals on Pinterest">
<svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 0C5.373 0 0 5.373 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 0 1 .083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.632-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z"/>
</svg>
</a>
</div>
</div>
</div>
<div class="rf-divider"><hr /></div>
<div class="rf-bottom">
<p class="rf-copyright">
© <span id="rfYear"></span> <span>Rentrals</span>. All rights reserved.
</p>
<nav class="rf-bottom-links" aria-label="Legal links">
<a href="/privacy-policy">Privacy Policy</a>
<a href="/terms-and-conditions">Terms & Conditions</a>
<a href="/contact">Contact Us</a>
</nav>
</div>
</footer>
<script>
(function () {
const el = document.getElementById('rfYear');
if (el) el.textContent = new Date().getFullYear();
})();
</script>
</body>
</html>