* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Roboto,sans-serif;
}
dl, ol, ul {
    margin-bottom: 0rem !important;
}
/* changes css */
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1250px !important;
    }
}
.h1, h1 {
    font-size: 36px !important;
}
a.btn.btn-dark {
    font-size: 14px;
}

.support-form.shadow.p-4.rounded-4.border .col-6 {
    padding-top: 8px;
    flex: 0 0 auto;
    width: 50%;
    justify-content: center;
    margin: 0px auto;
}
a.btn.btn-warning.btn-lg.fw-bold.me-3 {
    font-size: 14px;
}
button.btn.btn-outline-dark.rounded-pill.px-4.py-2.mt-3 {
    font-size: 14px;
    background-color: #ffc107;
}
.h2, h2 {
    font-size: 36px !important;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    clear: both;
    font-family: Roboto,sans-serif !important;
}
.h4, h4 {
    font-size: 20px !important;
}
.small, small {
    font-size: 12px !important;
    color: white !important;
}
button.btn.btn-gold.w-100.fw-bold.py-3 {
    background-color: white;
    font-size: 14px;
}
p.text-muted.mb-5.px-md-5 {
    width: 60% !important;
    margin: 0 auto;
}
.row.g-4 {
    padding-bottom: 20px;
}
.text-muted {
    color: #000000 !important;
}
.text-muted {
    --bs-text-opacity: 1;
    color: rgb(0 0 0) !important;
}
button.btn.btn-outline-dark.rounded-pill.px-4.mt-2 {
    font-size: 16px;
    background: #cfa13a;
}
a:hover, a:focus {
    color: #3f81e4;
}
/* .header-btn a:hover, a:focus {
    color: #3f81e4;
    background: white;
} */

h1.fw-bold {
    color: white !important;
}
input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, input[type="email"]:hover, input[type="email"]:focus, input[type="url"]:hover, input[type="url"]:focus, input[type="date"]:hover, input[type="date"]:focus, input[type="month"]:hover, input[type="month"]:focus, input[type="time"]:hover, input[type="time"]:focus, input[type="datetime"]:hover, input[type="datetime"]:focus, input[type="datetime-local"]:hover, input[type="datetime-local"]:focus, input[type="week"]:hover, input[type="week"]:focus, input[type="number"]:hover, input[type="number"]:focus, input[type="search"]:hover, input[type="search"]:focus, input[type="tel"]:hover, input[type="tel"]:focus, input[type="color"]:hover, input[type="color"]:focus, textarea:hover, textarea:focus,
select:hover,
select:focus {
    border-color: #cfa13a;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 700 !important;
    line-height: 1.2;
    color: #000 !important;
}
/* End changed css */


/* .btn-gold {
    background-color: #cfa13a;
} */
header {
    position: sticky;
    top: 0;
    width: 100%;
    background-color: #3f81e4;
    padding: 5px 0;
    transition: all 0.4s ease;
    z-index: 1000;
}

.logo img {
    height: auto;
    max-width: 70%;
}

p {
    font-size: 16px;
}
span {
    font-size: 15px;
}
.tab-btn {
    font-size: 18px;
}
p.text-muted.small {
    font-size: 12px;
}
#main-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.logo {
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 2px;
}
.white-text { color: #fff; }
.gold-text { color: #cfa13a; }

.nav-wrapper {
    display: flex;
    align-items: center;
    /* background: rgba(40, 40, 40, 0.8); */
    padding: 10px 25px;
    border-radius: 50px;
}
li.mb-3 {
    font-size: 16px;
}
.contact-info { display: none; }

.contact-info a, .main-nav ul li a {
    color: white;
    text-decoration: none;
    margin: 0 13px;
    font-size: 14px;
    transition: 0.3s;
}

.main-nav ul {
    list-style: none;
    display: flex;
}

.btn-gold {
    /* background-color: #b18116;
    color: #3f81e4; */
    padding: 8px 21px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

.gold-text { color: var(--gold); }

.booking-card {
    background: rgba(30, 30, 30, 0.85);
    border-radius: 20px;
    backdrop-filter: blur(10px);
    width: 76%;
}

.tab-btns {
    display: flex;
    background: #333;
    border-radius: 10px;
    overflow: hidden;
}

.tab-btns button {
    flex: 1;
    background: none;
    border: none;
    color: #ccc;
    padding: 12px;
    font-weight: bold;
    font-size: 12px;
}
.tab-btns button.active {
    background: #c89b38;
    color: #000;
    border-bottom: 2px solid var(--gold);
}

.input-group-custom {
    background: #2a2a2a;
    border: 1px solid #444;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 8px 15px;
    color: white;
}

.input-group-custom input {
    background: none;
    border: none;
    color: white;
    width: 70%;
    margin-left: 10px;
    font-size: 14px;
}

.input-group-custom input:focus { outline: none; }

.add-stop {
    background: #ffffff;
    border: none;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: bold;
}

.btn-gold {
    background: #ffcc00;
    color: #3f81e4;
    border: none;
}
.img-fluid {
    max-width: 90%;
    height: 194px;
}
p.text-muted.small {
    width: 79%;
}
.service-card {
    text-align: left;
}
/* .btn-gold:hover {
    background: #b88e30;
} */

/* Services section spacing */
.service-card h4 {
    margin-top: 15px;
    font-weight: bold;
}

/* Corporate Form */
.support-form .form-control {
    border: 1px solid #ddd;
    padding: 12px;
}
.col-md-6.text-white.pt-5 {
    position: relative;
    bottom: 0px;
    top: 100px;
}

/* =========================
   MOBILE HEADER
========================= */
 section.services-section.py-5.text-center img.img-fluid.rounded-4.mb-3 {
    width: 369px;
    height: 256px;
}
.support-form .form-control {
    font-size: 14px;
}
.mobile-menu-btn {
    position: fixed;
    top: 13px;
    right: 20px;
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 50%;
    background: #ffcc00;
    color: #fff;
    font-size: 20px;
    z-index: 2001;
    display: none;
}

.mobile-sidebar {
    position: fixed;
    top: 0;
    right: -320px;
    width: 300px;
    height: 100vh;
    background: #111;
    z-index: 2002;
    padding: 25px;
    transition: 0.4s ease;
    overflow-y: auto;
}

.mobile-sidebar.active {
    right: 0;
}

.mobile-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.mobile-overlay.active {
    opacity: 1;
    visibility: visible;
}

.sidebar-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.close-sidebar {
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
}

.mobile-nav-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-nav-links li {
    margin-bottom: 18px;
}

.mobile-nav-links a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s;
}

.mobile-nav-links a:hover {
    color: #cfa13a;
}

.mobile-contact {
    margin-top: 35px;
    border-top: 1px solid #333;
    padding-top: 25px;
}

.mobile-contact a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ddd;
    text-decoration: none;
    margin-bottom: 18px;
    font-size: 14px;
}

.mobile-contact i {
    color: #cfa13a;
}

.mobile-login-btn {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 30px;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 991px) {

    /* Hide desktop header content */
    .nav-wrapper,
    .header-btn {
        display: none !important;
    }

    /* Show mobile button */
    .mobile-menu-btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* #main-header .container {
        justify-content: center;
    } */

    header {
        padding: 15px 0;
        background: #3f81e4;
    }

    header.sticky {
        width: 92%;
        border-radius: 18px;
    }

    .logo {
        font-size: 22px;
    }

}

button.btn.btn-dark.w-100.fw-bold.py-3 {
    font-size: 13px;
}


@media (max-width: 991px) {

    .main {
        display: flex !important;
        flex-direction: column-reverse;
        height: auto !important;
        gap: 20px;
    }
.map-area {
    height: 40vh !important;
    width: 100% !important;
}
    .services-grid{
        grid-template-columns:repeat(2,1fr) !important;
    }

}
.services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}





@media (max-width:767px){
    .services-grid{
        grid-template-columns:1fr !important;
    }
}
/* Mobile */

@media (max-width: 767px) {
.hero {
    display: flex;
    align-items: center;
    height: 70vh;
     /* margin: 0px; */
}
button#closeSidebar {
    background: #111111 !important;
}
.map-area {
    margin-top: 135px !important;
}
.main {
    display: flex !important;
    height: unset !important;
    flex-direction: column-reverse;
}
.map-area {
    width: 100%;
    height: 30vh !important;
}
.logo img {
    position: relative;
    left: -15px;
}

.mobile-sidebar.active .logo img {
    position: relative;
    left: -6px !important;
}
.booking-card {
    width: 100%;
}
p.text-muted.mb-5.px-md-5 {
    width: 85% !important;
}
.service-card h4 {
    font-size: 20px;
}
.service-card {
    text-align: center;
}
.tabs-wrapper {
    padding-top: 15px;
}
.h5, h5 {
    font-size: 16px !important;
}
.h4, h4 {
    font-size: 16px !important;
}
.fleet-section .service-card p {
    font-size: 400 !important;
}
button.btn.btn-dark.rounded-pill.px-4.py-2.mt-3 {
    padding-bottom: 5px;
    font-size: 14px;
}
button.btn.btn-dark.w-100.fw-bold.py-3 {
    font-size: 14px !important;
}

button:hover, .button:hover, .wp-block-search__button:hover, .wp-block-button__link:hover, .wp-block-file__button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, .button:focus, .wp-block-search__button:focus, .wp-block-button__link:focus, .wp-block-file__button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
    text-decoration: none;
    border-color: #151314;
    background-color: #cfa13a !important;
}
}


 .subtitle {
    max-width: 850px;
    margin: 0 auto 50px;
    font-size: 16px;
    color: #000;
    line-height: 1.7;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea {
 
    padding: 0.5rem 0.8rem;

}








/* footer page css*/
.lux-footer {
    background: #000;
    color: #fff;
    padding: 70px 0 25px;
    font-family: Arial, sans-serif;
}

.lux-footer .footer-logo {
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 25px;
    letter-spacing: 1px;
}

.lux-footer .footer-logo span {
    color: #d1a31c;
}

.lux-footer h5 {
    color: #d1a31c;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 28px;
}

.lux-footer .footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.lux-footer .footer-links li {
    margin-bottom: 16px;
}

.lux-footer .footer-links a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
    font-size: 18px;
}

.lux-footer .footer-links a:hover {
    color: #d1a31c;
}

.lux-footer .footer-rating {
    margin-top: 25px;
}

.lux-footer .stars {
    color: #ffc107;
    font-size: 28px;
    margin-bottom: 10px;
}

.lux-footer .footer-rating h4 {
    font-size: 34px;
    font-weight: 700;
}

.lux-footer .review-badge {
    display: inline-block;
    margin-top: 10px;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 10px 18px;
    font-size: 15px;
}

.lux-footer .review-badge span {
    color: #d1a31c;
    font-weight: 700;
}

.lux-footer .contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
}

.lux-footer .contact-item i {
    color: #d1a31c;
    font-size: 20px;
}

.lux-footer .contact-item a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}

.lux-footer .book-btn {
    display: inline-block;
    margin: 15px 0 30px;
    padding: 14px 36px;
    border: 2px solid #d1a31c;
    border-radius: 50px;
    color: #d1a31c;
    text-decoration: none;
    font-weight: 700;
    transition: 0.3s;
}

.lux-footer .book-btn:hover {
    background: #d1a31c;
    color: #000;
}

.lux-footer .payment-icons {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.lux-footer .payment-icons img {
    width: 65px;
    height: 42px;
    object-fit: contain;
    background: #fff;
    padding: 5px;
    border-radius: 6px;
}

.lux-footer .footer-bottom {
    margin-top: 50px;
    border-top: 1px solid rgba(255,255,255,0.15);
    padding-top: 25px;
    font-size: 15px;
    color: #ddd;
}

.lux-footer .social-icons {
    display: flex;
    justify-content: end;
    gap: 15px;
}

.lux-footer .social-icons a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: 0.3s;
}

.lux-footer .social-icons a:hover {
    background: #d1a31c;
    color: #000;
}

@media (max-width: 991px) {

.row.w-100 {
    flex-direction: column-reverse;
        gap: 70px;
    }
    .lux-footer {
        text-align: left;
    }

    .lux-footer .contact-item {
        justify-content: left;
    }

    .lux-footer .payment-icons {
        justify-content: center;
    }

    .lux-footer .social-icons {
        justify-content: center;
    }

    .lux-footer .footer-logo {
        font-size: 30px;
    }

    .lux-footer h5 {
        font-size: 20px;
    }

    .lux-footer .footer-rating h4 {
        font-size: 28px;
    }

    .lux-footer .footer-links a,
    .lux-footer .contact-item a {
        font-size: 16px;
    }
}
/* end footer page css*/




/* /////////--------------------/////////////////////--------------------/////////////// */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --blue:#3f81e4;
  --blue-mid:#2563a8;
  --blue-light:#e8f0fb;
  --blue-border:#b8d0f0;
  --blue-dark:#0d2f57;
  --yellow:#f5a800;
  --yellow-mid:#e89500;
  --yellow-light:#fff8e6;
  --yellow-border:#f5d080;
  --yellow-dark:#7a4e00;
  --white:#fff;
  --off:#f5f7fc;
  --text:#111827;
  --muted:#6b7280;
  --border:#dde3ef;
  --radius:12px;
  --ff:'DM Sans',sans-serif;
  --ffd:'Playfair Display',serif
}
/* body{font-family:var(--ff);background:#f0f4fb;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0} */
#google-map {
    width: 100% !important;
    height: 100% !important;
    border-radius: 15px;

}
/* HERO */


.booking-panel{
    max-height:85vh;
    overflow-y:auto;
}

.map-area{
    height:85vh;
}

/* MAIN */
.main {
    display: grid;
    grid-template-columns: 40% 1fr;
    /* height: calc(100vh - 50px); */
}

/* BOOKING PANEL */
.booking-panel{
    overflow-y:auto;
    padding:10px 28px;
}
    .hero {
    display: flex;
    align-items: center;
    /* height: 80vh; */
    margin: 40px 0px;
}







@media (max-width: 1024px) and (max-height: 700px){
.form-input {
    height: 30px !important;
}
.hero {
    display: flex;
    align-items: center;
    /* height: 95vh; */
    margin: 35px 0px;
}
 .booking-panel {
    background: #fff;
    padding: 5px 5px;
}   
.map-area {
    width: 93%;
    height: 90%;
}
    .booking-panel{
        padding:12px;
        max-height:90vh;
    }

    .tagline{
        font-size:26px;
        line-height:1.1;
    }

    .sub{
        font-size:12px;
    }

    .form-group{
        margin-bottom:8px;
    }

    .form-input{
        height:38px;
    }

    .cta-btn{
        height:42px;
    }

}

/* MAP */
.map-area {
    /* padding: 19px; */
    width: 93%;
    height: 99%;
    min-height: auto;
    margin: 0 auto;
    border: 1px solid;
    border-radius: 15px;
}


@media (max-height: 800px){

    .tagline{
        font-size:20px;
        line-height:1.15;
        margin-bottom:6px;
    }

    .sub{
        /* margin-bottom:12px; */
        font-size:12px;
    }

    .booking-panel{
        padding:10px;
    }

    .form-group{
        margin-bottom:8px;
    }

    .form-input{
        height:40px;
    }

    .cta-btn{
        height:44px;
        margin-top:12px;
    }
}
/* NAV */
/* .nav{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:var(--blue-dark);position:relative;z-index:10}
.nav-logo{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#fff;text-decoration:none}
.nav-logo-icon{width:32px;height:32px;background:var(--yellow);border-radius:8px;display:flex;align-items:center;justify-content:center}
.nav-logo-icon i{font-size:18px;color:var(--blue-dark)}
.nav-links{display:flex;gap:28px;font-size:13px}
.nav-links a{text-decoration:none;color:rgba(255,255,255,0.7);cursor:pointer;transition:color .15s}
.nav-links a:hover{color:#fff}
.nav-right{display:flex;align-items:center;gap:12px}
.nav-btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.3);border-radius:8px;padding:7px 16px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--ff);transition:all .15s}
.nav-btn-outline:hover{background:rgba(255,255,255,0.1)}
.nav-btn-primary{background:var(--yellow);color:var(--blue-dark);border:none;border-radius:8px;padding:7px 18px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--ff);transition:background .15s}
.nav-btn-primary:hover{background:var(--yellow-mid)} */
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea {
    padding: 0.5rem 0.8rem;
    height: 30px;
}
/* BANNER */
.banner{background:linear-gradient(135deg,#1a3a6e 0%,#3f81e4 50%,#1e5faa 100%);padding:10px 40px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.9)}
.banner i{color:var(--yellow);font-size:15px}
.banner strong{color:var(--yellow)}



/* BOOKING PANEL */
.booking-panel {
    background: #fff;
    padding: 20px 25px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--border);
    position: relative;
    z-index: 5;
    height: max-content;
    box-shadow: 0 10px 30px rgb(26 79 138 / 53%);
}
.tagline {
    font-family: var(--ffd);
    font-size: 22px !important;
    color: var(--text);
    margin-bottom: 4px;
}
.tagline em{color:var(--blue);font-style:normal}
.tagline strong{color:var(--yellow-mid);font-family:var(--ffd)}
.sub{font-size:13px;color:#000;margin-bottom:8px;line-height:1.6}

.zone-legend{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);padding:5px 11px;border-radius:20px;border:1px solid var(--border);background:#fafbfd;font-weight:500}
.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.legend-dot.blue{background:var(--blue)}
.legend-dot.yellow{background:var(--yellow)}

.form-label {
    font-size: 11px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 5px;
    display: block;
}
.form-group{margin-bottom:13px}
.input-wrap{position:relative}

.input-wrap i.icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--muted);pointer-events:none}

.form-input{width:100%;height:30px;border:2px solid var(--border);border-radius: 0px;padding:0 12px 0 40px;font-size:14px;font-family:var(--ff);background:#fafbfd;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}

.form-input:focus{border-color:var(--blue-mid);background:#fff;box-shadow:0 0 0 3px rgba(37,99,168,0.10)}
.form-input::placeholder{color:#b0b8c8}
select.form-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}

.ac-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);z-index:200;display:none;overflow:hidden;box-shadow:0 8px 24px rgba(26,79,138,0.10)}
.ac-list.show{display:block}
.ac-item{padding:10px 14px 10px 40px;font-size:13px;cursor:pointer;color:var(--text);border-bottom:1px solid var(--border);transition:background .12s;position:relative;display:flex;align-items:center;justify-content:space-between}
.ac-item:last-child{border-bottom:none}
.ac-item:hover{background:var(--off)}
.ac-item i{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--muted)}
.ac-zone{font-size:11px;font-weight:600;padding:2px 9px;border-radius:20px;flex-shrink:0;margin-left:8px}
.ac-zone.blue{background:var(--blue-light);color:var(--blue)}
.ac-zone.yellow{background:var(--yellow-light);color:var(--yellow-dark)}

.zone-result{border-radius:var(--radius);padding:11px 14px;font-size:13px;margin-bottom:13px;display:none;align-items:flex-start;gap:10px;border:1px solid}
.zone-result.show{display:flex}
.zone-result.blue{background:var(--blue-light);border-color:var(--blue-border);color:var(--blue-dark)}
.zone-result.yellow{background:var(--yellow-light);border-color:var(--yellow-border);color:var(--yellow-dark)}
.zone-result i{font-size:18px;flex-shrink:0;margin-top:1px}
.zr-title{font-weight:600;font-size:13px;display:block;margin-bottom:2px}
.zr-desc{font-size:12px;opacity:0.85}
.zr-services{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.zr-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;border:1px solid}
.zr-badge.blue{background:#fff;border-color:var(--blue-border);color:var(--blue)}
.zr-badge.yellow{background:#fff;border-color:var(--yellow-border);color:var(--yellow-dark)}

.route-line{display:flex;justify-content:flex-start;padding-left:20px;height:14px;margin:-2px 0}
.route-line span{width:1px;background:var(--border);display:block}

.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.cta-btn{width:100%;height:48px;background:#3f81e4;color:#fff;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;font-family:var(--ff);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;transition:background .15s}
.cta-btn:hover{background:#3f81e4;}
.cta-btn i{font-size:17px}

/* MAP */
.map-area {
    position: relative;
    overflow: hidden;
    background: #fff;
    margin-top: 5px;
}
.map-svg{position:absolute;inset:0;width:100%;height:100%}

.map-overlay{position:absolute;inset:0;pointer-events:none}
.map-badge{position:absolute;background:rgba(255,255,255,0.95);border:1px solid var(--border);border-radius:20px;padding:5px 13px;font-size:12px;font-weight:500;color:var(--text);font-family:var(--ff);display:flex;align-items:center;gap:7px}
.map-compass{position:absolute;bottom:16px;right:16px;width:34px;height:34px;background:#fff;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--muted)}

.pickup-pin{position:absolute;transform:translate(-50%,-100%);display:none;flex-direction:column;align-items:center;pointer-events:none;transition:top .4s cubic-bezier(.34,1.56,.64,1),left .4s cubic-bezier(.34,1.56,.64,1)}
.pickup-pin.show{display:flex}
.pin-bubble{color:#fff;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;font-family:var(--ff);white-space:nowrap;max-width:170px;overflow:hidden;text-overflow:ellipsis}
.pin-tail{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}

/* FOOTER STRIP */
/* .footer-strip{background:var(--off);border-top:1px solid var(--border);padding:16px 40px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}
.footer-strip a{color:var(--blue);text-decoration:none}
.footer-badges{display:flex;gap:12px}
.f-badge{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}
.f-badge i{font-size:14px;color:var(--blue)} */


@media (min-width: 1025px) and (max-width: 1600px) {
/* Laptop only */

}