/* Car and scooter rental look (rent-car-01 design): white with a confident blue, heavy uppercase titles, the car and
   the scooter on the coast with a search bar over the lower edge, the fleet on light grey cards with class, seats,
   gearbox and daily price, insurance plans side by side, delivery points, extras, reviews and questions, a blue footer.
   Titles Sofia Sans, text Noto Sans (both with Greek). Colours come from the site's colour settings: --main-color-one
   (blue), --main-color-two (amber), --heading-color (navy). The fleet is drawn by draw-vehicles.py; the search bar is
   the bookingBar widget, the booking form the "stay" contact form. */
body.car-rental{--cr-blue:var(--main-color-one,#1458D6);--cr-deep:var(--bg-dark-two,#0E44AA);--cr-amber:var(--main-color-two,#FFB020);--cr-ink:var(--heading-color,#0E1B3D);--cr-btn:var(--cr-blue);--cr-accent:var(--cr-blue);--cr-navy:var(--cr-ink);--cr-soft:var(--cr-blue);--cr-cream:#F7F9FC;--cr-pale:var(--bg-light-one,#F2F5FA);--cr-card:var(--bg-light-two,#fff);--cr-muted:color-mix(in srgb,var(--cr-ink) 66%,transparent);--cr-line:color-mix(in srgb,var(--cr-ink) 10%,transparent);--cr-shadow:0 14px 32px -24px rgba(14,27,61,.45);
    --pb-color-primary:var(--cr-blue);color:var(--cr-ink);background:#fff;font-family:var(--body-font,'Noto Sans',sans-serif);font-size:15.5px}
body.car-rental h1,body.car-rental h2,body.car-rental h3,body.car-rental h4,body.car-rental h5,body.car-rental .h5,body.car-rental .h6{font-family:var(--heading-font,'Sofia Sans',sans-serif);color:var(--cr-ink);font-weight:800;letter-spacing:0}
body.car-rental a{color:var(--cr-blue)}
body.car-rental a:hover{color:var(--cr-deep)}
body.car-rental ::selection{background:var(--cr-blue);color:#fff}
.car-demo-section{container-type:inline-size}
.car-demo-section .container{max-width:1240px;padding-inline:0}
.car-demo-section .text-muted,.car-demo-section .lead{color:var(--cr-muted)!important}
.car-demo-section .btn-primary,.car-demo-section .btn-outline-primary,.car-demo-section .btn-outline-secondary,.car-demo-section .btn-outline-dark{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:8px;font-weight:700;transition:background .2s ease,color .2s ease}
.car-demo-section .btn-primary{border:0;background:var(--cr-blue);color:#fff}
.car-demo-section .btn-primary:hover{background:var(--cr-deep);color:#fff}
.car-demo-section .btn-outline-primary,.car-demo-section .btn-outline-secondary,.car-demo-section .btn-outline-dark{border:1.5px solid var(--cr-blue);background:#fff;color:var(--cr-blue)}
.car-demo-section .btn-outline-primary:hover,.car-demo-section .btn-outline-secondary:hover,.car-demo-section .btn-outline-dark:hover{background:var(--cr-blue);color:#fff}
.car-demo-section a:focus-visible,.car-demo-section button:focus-visible,.car-demo-section input:focus-visible,.car-demo-section select:focus-visible{outline:2px solid var(--cr-amber);outline-offset:2px}
/* section titles: heavy uppercase, left */
.car-demo-section h2,.car-demo-section .pb-section-title{font-size:clamp(1.15rem,2cqw,1.45rem);font-weight:900;letter-spacing:.02em;text-transform:uppercase}
.car-demo-section .text-center:has(>h2){text-align:start!important;margin-bottom:22px!important}

/* Header: white, a blue badge with a car, blue booking button */
body.car-rental header[data-builder-site-part="header"]{position:sticky;top:0;z-index:1030;background:#fff;box-shadow:0 1px 0 var(--cr-line)}
body.car-rental .car-demo-header .pb-agency-header{background:#fff;color:var(--cr-ink)}
body.car-rental .car-demo-header .pb-agency-container{max-width:1290px}
body.car-rental .car-demo-header .pb-agency-navbar{min-height:76px}
body.car-rental .car-demo-header .pb-agency-brand{display:inline-flex;align-items:center;gap:10px;max-width:320px;font-family:var(--heading-font,'Sofia Sans',sans-serif);font-size:20px;font-weight:900;line-height:1.05;text-transform:uppercase;color:var(--cr-ink);flex-shrink:1}
body.car-rental .car-demo-header .pb-agency-brand:not(:has(img))::before{content:"\f5e4";flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--cr-blue);color:#fff;font-family:"Font Awesome 6 Free";font-weight:900;font-size:18px}
body.car-rental .car-demo-header .pb-agency-brand img{max-height:54px;width:auto}
body.car-rental .car-demo-header .pb-agency-brand:hover{color:var(--cr-ink);text-decoration:none}
body.car-rental .car-demo-header .pb-agency-desktop-nav>ul{gap:34px;flex-wrap:nowrap;justify-content:center}
body.car-rental .car-demo-header .pb-agency-desktop-nav a{position:relative;padding:8px 0;font-size:14.5px;font-weight:600;color:var(--cr-ink);white-space:nowrap}
body.car-rental .car-demo-header .pb-agency-desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--cr-blue);transform:scaleX(0);transition:transform .2s ease}
body.car-rental .car-demo-header .pb-agency-desktop-nav a:hover,body.car-rental .car-demo-header .pb-agency-desktop-nav .is-active>a,body.car-rental .car-demo-header .pb-agency-desktop-nav a[aria-current="page"]{color:var(--cr-blue);text-decoration:none}
body.car-rental .car-demo-header .pb-agency-desktop-nav a:hover::after,body.car-rental .car-demo-header .pb-agency-desktop-nav .is-active>a::after,body.car-rental .car-demo-header .pb-agency-desktop-nav a[aria-current="page"]::after{transform:scaleX(1)}
body.car-rental .car-demo-header .pb-agency-button{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:0;border-radius:8px;background:var(--cr-blue);color:#fff;font-size:14px;font-weight:700}
body.car-rental .car-demo-header .pb-agency-button:hover{background:var(--cr-deep);color:#fff}
body.car-rental .car-demo-header .pb-agency-mobile-nav summary{border:1px solid var(--cr-line)!important;border-radius:8px;color:var(--cr-ink)}
@container pb-site-header (max-width:1199px){body.car-rental .car-demo-header .pb-agency-desktop-nav>ul{gap:20px}}
@container pb-site-header (max-width:991px){body.car-rental .car-demo-header .pb-agency-navbar{min-height:64px}body.car-rental .car-demo-header .pb-agency-brand{flex:1 1 0;font-size:16px}body.car-rental .car-demo-header .pb-agency-button{padding:10px 16px}}

/* Hero: the car and the scooter on the coast, navy uppercase title over the sky, perks with icons */
.car-demo-hero{max-width:none!important;padding:0!important}
.car-demo-hero .js-pb-inner{max-width:none!important}
.car-demo-hero .js-pb-hero{min-height:clamp(440px,42vw,580px)!important;align-items:flex-start!important;padding:clamp(40px,6vw,80px) 0 120px;background-position:center 62%!important;color:var(--cr-ink)!important}
.car-demo-hero .js-pb-hero .container{max-width:1240px;padding-inline:24px}
.car-demo-hero .js-pb-hero h1{font-size:clamp(2.2rem,4.6cqw,3.8rem)!important;font-weight:900!important;line-height:1.02;text-transform:uppercase;color:var(--cr-ink)!important}
.car-demo-hero .js-pb-hero .lead{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:6px;font-size:.88rem;font-weight:700;text-transform:uppercase;color:var(--cr-ink)!important}
.car-perk{display:inline-flex;align-items:center;gap:8px}
.car-perk i{color:var(--cr-blue);font-size:1.05rem}
.car-perk+.car-perk{padding-inline-start:22px;border-inline-start:1px solid color-mix(in srgb,var(--cr-ink) 25%,transparent)}

/* Search bar over the lower edge of the hero (above the builder wrappers, which carry z-index 3) */
.car-demo-search{position:relative;z-index:5;margin-top:-84px!important;padding-block:0!important}
.car-demo-search .js-pb-booking-bar__form{padding:20px 22px;border-radius:14px;background:#fff;box-shadow:0 26px 54px -30px rgba(14,27,61,.6)}
.car-demo-search .js-pb-booking-bar__field{flex-basis:160px;padding:0;border:0}
.car-demo-search .js-pb-booking-bar__field span{font-size:.75rem;letter-spacing:0;text-transform:none;opacity:.75}
.car-demo-search .js-pb-booking-bar__field i{color:var(--cr-blue)}
.car-demo-search .js-pb-booking-bar__field input,.car-demo-search .js-pb-booking-bar__field select{padding:9px 10px;border:1px solid var(--cr-line);border-radius:8px}
.car-demo-search .js-pb-booking-bar__form button{min-height:52px;padding:12px 28px;border-radius:10px;background:var(--cr-blue);font-size:15px;letter-spacing:0;text-transform:none}
.car-demo-search .js-pb-booking-bar__form button:hover{background:var(--cr-deep)}

/* Fleet: light grey vehicle stage, class pill, specs, daily price, round arrow */
.car-demo-section .js-pb-service{position:relative;padding:16px!important;border:1px solid var(--cr-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;transition:box-shadow .2s ease,transform .2s ease}
.car-demo-section .js-pb-service:hover{transform:translateY(-2px);box-shadow:var(--cr-shadow)!important}
.car-demo-fleet .js-pb-service>div:first-child,.car-demo-fleet-detail .js-pb-service>div:first-child{aspect-ratio:2/1!important;margin-bottom:12px!important;border-radius:10px!important;background:linear-gradient(180deg,#fff,var(--cr-pale))}
.car-demo-fleet .js-pb-service img,.car-demo-fleet-detail .js-pb-service img{object-fit:contain!important;padding:4px 10px}
.car-demo-section .js-pb-service h3{margin-bottom:6px!important;font-size:1.05rem!important;font-weight:800!important}
.car-demo-section .js-pb-service p{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:6px!important;font-size:13.5px}
.car-pill{padding:2px 9px;border-radius:999px;background:var(--cr-pale);color:var(--cr-blue);font-size:11.5px;font-weight:700}
.car-specs{display:inline-flex;align-items:center;gap:6px;color:var(--cr-muted)}
.car-price{flex-basis:100%;font-family:var(--heading-font,'Sofia Sans',sans-serif);font-size:1.4rem;font-weight:900;color:var(--cr-blue)}
.car-price small{font-family:var(--body-font,'Noto Sans',sans-serif);font-size:.72rem;font-weight:500;color:var(--cr-muted)}
.car-demo-section .js-pb-service>a{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--cr-pale);color:var(--cr-blue);font-size:13px}
.car-demo-section .js-pb-service>a:hover{background:var(--cr-blue);color:#fff}

/* Insurance plans */
.car-demo-section .js-pb-pricing .rounded-4{border:1px solid var(--cr-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;text-align:center}
.car-demo-section .js-pb-pricing .border-primary{border:2px solid var(--cr-blue)!important;background:color-mix(in srgb,var(--cr-blue) 4%,#fff)!important}
.car-demo-section .js-pb-pricing .badge{border-radius:999px;background:var(--cr-blue)!important}
.car-demo-section .js-pb-pricing h3{font-weight:800}
.car-demo-section .js-pb-pricing h3::before{content:"\f3ed";display:block;margin-bottom:6px;font-family:"Font Awesome 6 Free";font-weight:900;font-size:1.4rem;color:var(--cr-blue)}
.car-demo-section .js-pb-pricing .display-5{font-family:var(--heading-font,'Sofia Sans',sans-serif);font-weight:900!important;color:var(--cr-ink)}
.car-demo-section .js-pb-pricing ul{text-align:start}
.car-demo-section .js-pb-pricing .text-success{color:var(--cr-blue)!important}

/* Delivery points, extras, reviews, questions */
.car-demo-extras-row .js-pb-columns,.car-demo-faq-row .js-pb-columns,.car-demo-book-row .js-pb-columns,.car-demo-contact-row .js-pb-columns{align-items:stretch;gap:24px}
.car-demo-section .js-pb-feature{border:1px solid var(--cr-line)!important;border-radius:14px!important;background:var(--cr-pale)!important}
.car-demo-section .js-pb-feature__icon{border-radius:12px!important;background:#fff!important;color:var(--cr-blue)!important;font-size:22px}
.car-demo-section .js-pb-feature h3{font-size:1rem!important;font-weight:800!important}
.car-demo-points .js-pb-feature{display:grid;grid-template-columns:auto 1fr;column-gap:16px;text-align:start!important}
.car-demo-points .js-pb-feature__icon{grid-row:span 2;margin:0!important;background:var(--cr-blue)!important;color:#fff!important}
.car-demo-extras .js-pb-feature p{font-weight:800;color:var(--cr-blue)!important}
.car-demo-section .js-pb-testimonials .bg-white{border:1px solid var(--cr-line)!important;border-radius:14px!important;background:var(--cr-pale)!important;box-shadow:none!important}
.car-demo-section .js-pb-testimonials .fa-quote-left{color:transparent!important;font-size:0}
.car-demo-section .js-pb-testimonials .fa-quote-left::after{content:"\f005\f005\f005\f005\f005";font-size:15px;letter-spacing:3px;color:var(--cr-amber)}
.car-demo-section .js-pb-testimonials .text-primary{opacity:1!important;color:var(--cr-ink)!important}
/* questions beside another widget use the whole column */
.car-demo-faq-row .js-pb-faq .col-lg-8,.car-demo-book-row .js-pb-faq .col-lg-8{flex:0 0 100%;max-width:100%}
.car-demo-section .accordion-item{margin-bottom:10px;border:1px solid var(--cr-line)!important;border-radius:12px!important;overflow:hidden}
.car-demo-section .accordion-button{font-weight:700;box-shadow:none!important}
.car-demo-section .accordion-button:not(.collapsed){background:var(--cr-pale)!important;color:var(--cr-ink)!important}
.car-demo-section .accordion-collapse::before{content:none!important}

/* Booking form, contact */
.car-demo-section .pb-contact-form-widget{height:100%;padding:30px 28px;border:1px solid var(--cr-line);border-radius:14px;background:#fff;box-shadow:var(--cr-shadow)}
.car-demo-section .pb-contact-form-widget h3{font-size:clamp(1.3rem,2.4cqw,1.7rem);text-transform:uppercase}
.car-demo-section .pb-contact-form-widget h3+p{margin-bottom:18px}
.car-demo-section .pb-contact-form-widget label{font-size:13px;font-weight:600;color:var(--cr-muted)}
.car-demo-section .pb-contact-form-widget input:not([type=checkbox]):not([type=radio]),.car-demo-section .pb-contact-form-widget select{min-height:48px}
.car-demo-section .pb-contact-form-widget input,.car-demo-section .pb-contact-form-widget select,.car-demo-section .pb-contact-form-widget textarea{border:1px solid var(--cr-line)!important;border-radius:8px!important;background:var(--cr-cream)!important;color:var(--cr-ink)}
.car-demo-section .pb-contact-form-widget button[type="submit"]{display:block;width:100%;padding:14px!important;border:0!important;border-radius:10px!important;background:var(--cr-blue)!important;color:#fff!important;font-size:15px!important;font-weight:700}
.car-demo-section .pb-contact-form-widget button[type="submit"]:hover{background:var(--cr-deep)!important}
.car-demo-contact-row .pb-site-footer-contact{height:100%;padding:28px;border-radius:14px;background:var(--cr-blue);color:#fff!important}
.car-demo-contact-row .pb-site-footer-contact h4{font-family:var(--heading-font,'Sofia Sans',sans-serif);font-size:1.3rem;font-weight:900;text-transform:uppercase;color:#fff!important}
.car-demo-contact-row .pb-site-footer-contact a,.car-demo-contact-row .pb-site-footer-contact li{color:rgba(255,255,255,.92)!important}
.car-demo-contact-row .pb-site-footer-contact i{color:var(--cr-amber)!important}
.car-demo-section .js-pb-map{border-radius:14px;overflow:hidden}

/* Inner pages: a blue band with a heavy uppercase title */
.car-demo-section[class*="car-demo-heading-"]{max-width:none!important;padding:56px 24px!important;margin-bottom:24px;background:linear-gradient(120deg,var(--cr-blue),var(--cr-deep))!important}
.car-demo-section[class*="car-demo-heading-"] h1{margin:0!important;font-size:clamp(2rem,4.4cqw,3rem);font-weight:900;text-transform:uppercase;color:#fff!important}

/* Footer: blue, white text, amber hover */
body.car-rental footer[data-builder-site-part="footer"]{background:var(--cr-blue)}
body.car-rental footer[data-builder-site-part="footer"] .js-pb-section{border-width:0!important;background:var(--cr-blue)!important}
body.car-rental footer[data-builder-site-part="footer"] .js-pb-section:first-child{padding-top:56px!important;padding-bottom:26px!important}
body.car-rental footer[data-builder-site-part="footer"] .js-pb-section+.js-pb-section{background:var(--cr-deep)!important}
body.car-rental footer[data-builder-site-part="footer"] p,body.car-rental footer[data-builder-site-part="footer"] li,body.car-rental footer[data-builder-site-part="footer"] a{color:rgba(255,255,255,.88)!important;font-size:14px}
body.car-rental footer[data-builder-site-part="footer"] .pb-site-footer-block h4{margin-bottom:14px;font-family:var(--heading-font,'Sofia Sans',sans-serif);font-size:14px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#fff!important}
body.car-rental footer[data-builder-site-part="footer"] a:hover{color:var(--cr-amber)!important;text-decoration:none}
body.car-rental footer[data-builder-site-part="footer"] .pb-footer-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--heading-font,'Sofia Sans',sans-serif);font-size:20px!important;font-weight:900;text-transform:uppercase;color:#fff!important}
body.car-rental footer[data-builder-site-part="footer"] .pb-footer-brand:not(:has(img))::before{content:"\f5e4";display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--cr-blue);font-family:"Font Awesome 6 Free";font-weight:900;font-size:16px}
body.car-rental footer[data-builder-site-part="footer"] .pb-footer-social{gap:10px}
body.car-rental footer[data-builder-site-part="footer"] .pb-footer-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.14);font-size:0!important;color:#fff!important}
body.car-rental footer[data-builder-site-part="footer"] .pb-footer-social a:hover{background:#fff;color:var(--cr-blue)!important}
body.car-rental footer[data-builder-site-part="footer"] .pb-footer-social a::before{font-family:"Font Awesome 6 Brands";font-size:16px;font-weight:400}
body.car-rental footer[data-builder-site-part="footer"] .pb-footer-social-facebook::before{content:"\f39e"}
body.car-rental footer[data-builder-site-part="footer"] .pb-footer-social-instagram::before{content:"\f16d"}
body.car-rental footer[data-builder-site-part="footer"] .pb-footer-social-youtube::before{content:"\f167"}
body.car-rental footer[data-builder-site-part="footer"] .pb-site-footer-copyright,body.car-rental footer[data-builder-site-part="footer"] .pb-site-footer-copyright *{color:rgba(255,255,255,.75)!important;text-align:center;font-size:12.5px!important}
@media (max-width:575px){.car-demo-hero .js-pb-hero{min-height:500px!important}.car-demo-search{margin-top:-100px!important}.car-perk+.car-perk{padding:0;border:0}}
@media (prefers-reduced-motion:reduce){.car-demo-section *{transition:none!important;transform:none!important}}