
:root{
 --primary:#0d9488;--primary-dark:#087d73;--secondary:#0b0f0e;
 --text:#26302f;--muted:#667270;--light:#f3f7f6;--white:#fff;
 --border:#dfe8e5;--radius:18px
}
html{scroll-behavior:smooth}
body{font-family:'Rubik',sans-serif;color:var(--text);line-height:1.7;background:#fff}
img{max-width:100%;height:auto}
a{text-decoration:none}
.text-primary-brand{color:var(--primary)!important}
.bg-brand{background:var(--primary)!important}
.btn-brand{background:var(--primary);color:#fff;border:2px solid var(--primary);padding:.78rem 1.35rem;border-radius:10px;font-weight:600}
.btn-brand:hover{background:var(--primary-dark);color:#fff;border-color:var(--primary-dark)}
.btn-outline-brand{border:2px solid var(--primary);color:var(--primary);padding:.78rem 1.35rem;border-radius:10px;font-weight:600}
.btn-outline-brand:hover{background:var(--primary);color:#fff}
.topbar{background:var(--secondary);color:#dce6e4;font-size:.88rem}
.topbar a{color:#fff}
.navbar{background:#fff;box-shadow:0 2px 20px rgba(11,15,14,.07)}
.navbar-brand{font-weight:800;color:var(--secondary);letter-spacing:-.4px}
.navbar-brand span{color:var(--primary)}
.nav-link{color:#283230!important;font-weight:500;margin:0 .2rem}
.nav-link:hover,.nav-link.active{color:var(--primary)!important}
.hero{min-height:680px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(11,15,14,.93),rgba(11,15,14,.66),rgba(11,15,14,.2)),url('../images/Executive-Taxi-Cars-Hero-Bg.jpg') center/cover no-repeat;color:#fff}
.hero h1{font-size:clamp(2.35rem,5vw,4.35rem);font-weight:800;line-height:1.08;letter-spacing:-1.5px}
.hero p{font-size:1.12rem;color:#e7efed;max-width:650px}
.section-pad{padding:82px 0}
.section-title{font-weight:800;letter-spacing:-.7px}
.section-lead{color:var(--muted);max-width:720px}
.card-soft{border:1px solid var(--border);border-radius:var(--radius);padding:28px;background:#fff;height:100%;box-shadow:0 8px 30px rgba(11,15,14,.045);transition:.25s}
.card-soft:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(11,15,14,.08)}
.icon-box{width:54px;height:54px;border-radius:14px;background:#e4f5f2;color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem;margin-bottom:18px}
.hero-booking{background:#fff;color:var(--text);border-radius:18px;padding:26px;box-shadow:0 20px 50px rgba(0,0,0,.22)}
.hero-booking h2{font-size:1.35rem;font-weight:800}
.form-control,.form-select{border-radius:10px;padding:.78rem .9rem;border:1px solid #d8e1df}
.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(13,148,136,.12)}
.page-hero{padding:95px 0;background:linear-gradient(120deg,#eef8f6,#f7faf9)}
.page-hero h1{font-size:clamp(2.2rem,4vw,3.7rem);font-weight:800}
.vehicle-img,.airport-img{width:100%;height:240px;object-fit:cover;border-radius:16px;background:#e9efed}
.feature-strip{margin-top:-42px;position:relative;z-index:2}
.feature-strip .card-soft{padding:22px}
.check-list{list-style:none;padding:0;margin:0}
.check-list li{position:relative;padding-left:30px;margin-bottom:12px}
.check-list li:before{content:'✓';position:absolute;left:0;top:0;color:var(--primary);font-weight:800}
.number-step{font-size:2.4rem;line-height:1;font-weight:800;color:rgba(13,148,136,.22)}
.area-list a{display:block;padding:12px 0;border-bottom:1px solid var(--border);color:var(--text)}
.area-list a:hover{color:var(--primary)}
.cta{background:var(--secondary);color:#fff;border-radius:24px;padding:55px}
.cta p{color:#cbd7d4}
footer{background:#07100e;color:#b9c6c3}
footer h5{color:#fff;font-weight:700}
footer a{color:#b9c6c3}
footer a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1)}
.breadcrumb a{color:var(--primary)}
.faq-question{font-weight:700}
@media(max-width:991px){
 .hero{min-height:auto;padding:80px 0}
 .hero-booking{margin-top:35px}
 .navbar .btn{margin-top:10px}
 .feature-strip{margin-top:0}
}
