/* Premium Black + Taxi Yellow + White redesign inspired by supplied reference.
   Presentation-only layer: booking processing / email / PHP logic unchanged. */
:root{
  --dark:#0b0d0f;--dark2:#121518;--dark3:#050607;--blue:#ffc400;--blue2:#e9ad00;
  --blue3:#fff5cc;--bronze:#ffc400;--bronze2:#e9ad00;--white:#fff;--light:#f7f7f7;
  --grey:#6f7378;--text:#17191c;--border:#e5e7eb;--shadow:0 10px 30px rgba(0,0,0,.10);
  --shadow-lg:0 22px 70px rgba(0,0,0,.18);--radius:10px;--radius-lg:16px;--transition:all .28s ease;
}
body{background:#fff;color:#17191c;font-size:14px;line-height:1.65}
.container{max-width:1240px;padding:0 24px}
h1,h2,h3,h4,h5{color:#101214;letter-spacing:-.02em}

/* Topbar */
.topbar{background:#050607!important;color:#d9d9d9!important;padding:9px 0!important;border:0!important}
.topbar .container{min-height:32px}
.topbar-left{gap:28px!important}.topbar-left a,.topbar-left span{color:#eee!important}.topbar-left i{color:#ffc400!important}
.topbar-right{display:flex;align-items:center;gap:8px}.wa-btn{background:transparent!important;border:1px solid rgba(255,196,0,.35);color:#ffc400!important;padding:5px 13px!important}
.wa-btn:hover{background:#ffc400!important;color:#090a0b!important}

/* White reference-style nav */
.navbar{background:#fff!important;box-shadow:0 4px 24px rgba(0,0,0,.08)!important;position:sticky!important;top:0!important;z-index:1100!important}
.navbar .container{min-height:84px}.logo{padding:9px 0!important}.logo img{height:60px!important;width:auto;max-width:220px;object-fit:contain}
.logo-text{color:#111!important}.logo-text strong{color:#111!important}.logo-icon{background:#ffc400!important;color:#111!important}
.nav-links{gap:1px!important}.nav-links>li>a{color:#16181b!important;padding:31px 12px!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.25px;border:0!important}
.nav-links>li>a:hover,.nav-links>li>a.active{color:#d89f00!important;background:transparent!important}
.btn-book-nav{background:#ffc400!important;color:#111!important;padding:12px 23px!important;border-radius:999px!important;margin-left:12px!important;box-shadow:0 8px 20px rgba(255,196,0,.22)}
.btn-book-nav:hover{background:#111!important;color:#fff!important;transform:translateY(-2px)}
.dropdown-menu{background:#fff!important;border-top:3px solid #ffc400!important;box-shadow:0 14px 35px rgba(0,0,0,.15)!important}.dropdown-menu li a{color:#222!important}.dropdown-menu li a:hover{background:#fff8dc!important;color:#b98600!important;border-left-color:#ffc400!important}
.nav-toggle{color:#111!important;width:42px;height:42px;border-radius:8px;background:#ffc400!important}

/* Homepage hero */
.hero{min-height:670px!important;display:block!important;background:#090b0d!important;position:relative;overflow:visible!important;margin:0!important;padding:0!important}
.hero:before{opacity:1!important;background:
 linear-gradient(90deg,rgba(4,5,6,.96) 0%,rgba(4,5,6,.88) 32%,rgba(4,5,6,.38) 62%,rgba(4,5,6,.30) 100%),
 url('/assets/images/hero.png') center 56%/cover no-repeat!important;filter:saturate(.88) contrast(1.05)}
.hero:after{height:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 70%,rgba(0,0,0,.4))!important;pointer-events:none}
.hero>.container{position:relative;z-index:3}.hero-content{display:block!important;padding:88px 0 230px!important;position:relative;z-index:3}
.hero-text{width:min(570px,53%);text-align:left!important;color:#fff!important;padding:0!important;background:transparent!important}
.hero-badge{border:0!important;border-radius:2px!important;background:#ffc400!important;color:#101214!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.6px;padding:7px 10px!important;margin-bottom:18px!important}
.hero-text h1{font-size:clamp(44px,5.4vw,72px)!important;line-height:.98!important;text-transform:uppercase;color:#fff!important;margin:0 0 18px!important;max-width:620px;text-shadow:none!important;letter-spacing:-2px}
.hero-text h1 span{color:#ffc400!important}.hero-text p{color:#eef0f2!important;font-size:16px!important;line-height:1.7;max-width:530px!important;margin-bottom:24px!important}
.hero-cta{display:flex!important;margin:0 0 27px!important}.hero-cta .btn{border-radius:5px!important;padding:12px 22px!important;text-transform:uppercase;font-size:12px!important;font-weight:800!important}
.hero-cta .btn-primary{background:#ffc400!important;color:#111!important}.hero-cta .btn-primary:hover{background:#fff!important}.hero-cta .btn-blue{background:transparent!important;border:1px solid rgba(255,255,255,.38)!important;color:#fff!important}.hero-cta .btn-blue:hover{border-color:#ffc400!important;color:#ffc400!important}
.hero-stats{display:grid!important;grid-template-columns:repeat(4,auto)!important;justify-content:start!important;gap:0!important;margin-top:23px!important}
.hero-stat{padding:0 20px!important;border-right:1px solid rgba(255,255,255,.20)}.hero-stat:first-child{padding-left:0!important}.hero-stat:last-child{border:0}.hero-stat strong{color:#ffc400!important;font-size:20px!important}.hero-stat span{color:#dfe2e5!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.4px!important}

/* Booking panel overlaps the hero bottom, like reference */
.hero-booking{display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;transform:translateY(47%)!important;margin:0!important;padding:0!important;z-index:10!important}
.booking-card{background:#fff!important;border-radius:8px!important;border:1px solid #e5e5e5!important;box-shadow:0 16px 44px rgba(0,0,0,.16)!important;padding:0 30px 28px!important;max-width:1185px;margin:0 auto!important;overflow:visible!important}
.booking-card>h3{display:none!important}.idx-booking-tabs{display:flex!important;gap:0!important;background:transparent!important;padding:0!important;margin:0 0 24px!important;border-radius:0!important;border-bottom:1px solid #e5e5e5!important;max-width:590px}
.idx-tab-btn{min-height:54px!important;border:0!important;border-radius:0!important;background:#f8f8f8!important;color:#26292d!important;text-transform:uppercase!important;font-size:11px!important;font-weight:800!important;letter-spacing:.3px!important;box-shadow:none!important;padding:0 24px!important}
.idx-tab-btn.active{background:#ffc400!important;color:#111!important}.idx-tab-btn:hover:not(.active){background:#fff5cc!important;color:#111!important}
.idx-tab-content{display:none}.idx-tab-content.active{display:block}.idx-tab-content form{display:grid;grid-template-columns:repeat(12,1fr);gap:12px 14px;align-items:end}
.idx-tab-content form>.form-group{grid-column:span 4;margin:0!important}.idx-tab-content form>.form-row{display:contents!important}.idx-tab-content form>.form-row>.form-group{grid-column:span 3;margin:0!important}
.idx-tab-content form>.btn-book-form{grid-column:span 3;height:49px!important;margin:0!important;border:0!important;border-radius:5px!important;background:#ffc400!important;color:#111!important;text-transform:uppercase;font-weight:800!important;font-size:12px!important;box-shadow:none!important}.idx-tab-content form>.btn-book-form:hover{background:#111!important;color:#fff!important;transform:translateY(-1px)}
.booking-card label{font-size:10px!important;color:#60646a!important;text-transform:uppercase!important;letter-spacing:.45px!important;margin-bottom:6px!important;font-weight:700!important}.booking-card .input-wrap{position:relative}.booking-card .input-wrap i{color:#8a8d91!important;left:13px!important}.booking-card input,.booking-card select{height:46px!important;border:1px solid #e0e2e5!important;border-radius:4px!important;background:#fff!important;color:#181a1d!important;font-size:12px!important;padding-left:38px!important}.booking-card input:focus,.booking-card select:focus{border-color:#ffc400!important;box-shadow:0 0 0 3px rgba(255,196,0,.12)!important}.booking-card input::placeholder{color:#a7abb0!important}

/* Generic sections */
.section{padding:82px 0!important}.hero+.section{padding-top:190px!important}
.section-alt{background:#fafafa!important}.section-dark{background:#0b0e10!important;color:#fff!important}
.section-header{max-width:760px!important;margin:0 auto 38px!important;text-align:center!important}.section-tag{display:inline-block!important;background:transparent!important;border:0!important;color:#d69f00!important;padding:0!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.7px!important;font-weight:800!important;margin-bottom:8px!important}.section-header h2{font-size:clamp(29px,3.2vw,42px)!important;margin:0 0 10px!important}.section-header h2 span{color:#15171a!important}.section-dark .section-header h2,.section-dark .section-header h2 span{color:#fff!important}.section-header p{font-size:13px!important;color:#72767b!important}.section-dark .section-header p{color:#a8adb2!important}.divider{width:50px!important;height:3px!important;background:#ffc400!important;margin:14px auto!important;border:0!important}

/* Services: image-backed cards */
.services-grid{grid-template-columns:repeat(3,1fr)!important;gap:18px!important}.service-card{position:relative!important;background:#fff!important;border:1px solid #e5e7e9!important;border-radius:7px!important;padding:27px 24px 24px!important;text-align:left!important;box-shadow:0 7px 20px rgba(0,0,0,.05)!important;overflow:hidden!important;min-height:220px}.service-card:before{content:"";position:absolute;left:0;top:0;width:5px;height:52px;background:#ffc400}.service-card:hover{transform:translateY(-6px)!important;box-shadow:0 18px 36px rgba(0,0,0,.11)!important;border-color:#ffc400!important}.service-icon{width:48px!important;height:48px!important;border-radius:50%!important;background:#ffc400!important;color:#111!important;font-size:19px!important;margin:0 0 18px!important}.service-card h3{font-size:17px!important;margin-bottom:9px!important}.service-card p{font-size:12px!important;color:#73777c!important}.service-card .btn-outline{border:0!important;border-radius:0!important;color:#b68700!important;padding:8px 0!important;background:transparent!important;text-transform:uppercase;font-size:10px!important}.service-card .btn-outline:hover{color:#111!important;background:transparent!important}

/* Yellow trust/counter bar */
.counter-section{background:#ffc400!important;padding:24px 0!important}.counter-grid{grid-template-columns:repeat(4,1fr)!important;gap:0!important}.counter-item{border-right:1px solid rgba(0,0,0,.16);padding:4px 20px}.counter-item:last-child{border:0}.counter-num{font-size:28px!important;color:#111!important}.counter-label{font-size:11px!important;color:#343434!important;text-transform:uppercase;font-weight:700!important}.counter-label i{color:#111!important}

/* Fleet */
.fleet-grid{grid-template-columns:repeat(4,1fr)!important;gap:16px!important}.fleet-card{background:#fff!important;border:1px solid #e6e6e6!important;border-radius:7px!important;box-shadow:0 6px 18px rgba(0,0,0,.05)!important;overflow:hidden!important}.fleet-card:hover{transform:translateY(-5px)!important;box-shadow:0 16px 34px rgba(0,0,0,.10)!important;border-color:#ffc400!important}.fleet-img{height:165px!important;background:linear-gradient(#fff,#f7f7f7)!important;padding:10px!important}.fleet-img img{height:100%!important;width:100%!important;object-fit:contain!important}.fleet-body{padding:18px!important;text-align:center!important}.fleet-name{font-size:17px!important;font-weight:800!important;color:#161719!important}.fleet-specs{justify-content:center!important;gap:10px!important;margin:10px 0 16px!important}.fleet-spec{font-size:10px!important;color:#777!important}.fleet-spec i{color:#c99500!important}.fleet-fare{border-top:1px solid #eee!important;padding-top:14px!important}.fare-tag{color:#111!important;font-size:18px!important}.fare-tag span{color:#8b8e92!important}.fleet-fare .btn-blue{background:#ffc400!important;color:#111!important;border-radius:4px!important}.fleet-fare .btn-blue:hover{background:#111!important;color:#fff!important}

/* Why cards */
.why-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}.why-card{background:#111518!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:6px!important;text-align:left!important;padding:25px!important}.why-card:hover{border-color:#ffc400!important;transform:translateY(-4px)!important}.why-icon{width:46px!important;height:46px!important;border-radius:50%!important;background:#ffc400!important;color:#111!important;margin:0 0 16px!important}.why-card h4{color:#fff!important;font-size:16px!important}.why-card p{color:#a8adb2!important;font-size:12px!important}

/* Route section, reference tariff feel */
.routes-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.route-card{background:#0d1012!important;border:1px solid #24282c!important;border-radius:4px!important;color:#fff!important;padding:16px 16px!important;box-shadow:none!important}.route-card:hover{border-color:#ffc400!important;transform:translateY(-2px)!important}.route-card .route-arrow{color:#ffc400!important}.route-info strong{color:#fff!important;font-size:13px!important}.route-info span{color:#a7abb0!important;font-size:11px!important}.routes-grid+.btn,.section .btn-primary{background:#ffc400!important;color:#111!important;border-radius:4px!important}.section .btn-primary:hover{background:#111!important;color:#fff!important}

/* Testimonials */
.testimonials-grid{grid-template-columns:repeat(3,1fr)!important;gap:18px!important}.testimonial-card{background:#fff!important;border-radius:7px!important;border:1px solid #e7e7e7!important;padding:24px!important;box-shadow:0 8px 22px rgba(0,0,0,.07)!important}.section-dark .testimonial-card{background:#fff!important}.stars{color:#ffc400!important}.testimonial-text{color:#64686d!important;font-size:12px!important}.author-avatar{background:#ffc400!important;color:#111!important}.author-info strong{color:#161719!important}.author-info span{color:#8b8f94!important}

/* CTA */
.cta-section{background:#ffc400!important;padding:36px 0!important;color:#111!important}.cta-section h2{color:#111!important;font-size:30px!important}.cta-section p{color:#3f3f3f!important;margin-bottom:20px!important}.cta-section .btn-white{background:#111!important;color:#fff!important;border-radius:4px!important}.cta-section .btn-outline{border-color:#111!important;color:#111!important;border-radius:4px!important}.cta-section .btn-outline:hover{background:#111!important;color:#fff!important}

/* FAQ */
.faq-item{border:1px solid #e3e4e6!important;border-radius:5px!important;background:#fff!important}.faq-q{font-size:13px!important;padding:16px 18px!important}.faq-q:hover,.faq-item.open .faq-q{background:#111!important;color:#fff!important}.faq-q i{color:#d49c00!important}.faq-a{background:#fafafa!important;color:#676b70!important;font-size:12px!important}

/* Inner page hero + cards */
.page-hero,.route-hero{background:linear-gradient(90deg,rgba(3,4,5,.94),rgba(3,4,5,.72)),url('/assets/images/image1.png') center/cover no-repeat!important;padding:72px 0 65px!important}.page-hero h1,.route-hero h1{color:#fff!important}.page-hero h1 span,.route-hero h1 span{color:#ffc400!important}.page-hero p,.route-hero p,.route-meta-item{color:#d0d2d4!important}.breadcrumb a,.route-meta-item i{color:#ffc400!important}.about-badge{background:#ffc400!important;color:#111!important}.about-text h2 span{color:#d49c00!important}.about-feature i{color:#d49c00!important}.route-cab-card:hover{border-color:#ffc400!important}.route-fare-big{color:#d49c00!important}

/* Forms / contact / booking page */
.contact-form,.booking-form-card,.form-card,.info-card{border-radius:8px!important;border:1px solid #e6e6e6!important;box-shadow:0 10px 28px rgba(0,0,0,.07)!important}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:#ffc400!important;outline:none!important;box-shadow:0 0 0 3px rgba(255,196,0,.12)!important}

/* Footer */
.footer{background:#050607!important;color:#9a9ea3!important}.footer-top{padding:58px 0 38px!important;border-top:4px solid #ffc400}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.25fr!important;gap:35px!important}.footer-logo{color:#fff!important}.footer-logo i,.footer-logo strong{color:#ffc400!important}.footer-col h4{font-size:13px!important;text-transform:uppercase!important;color:#fff!important;border:0!important;padding-bottom:9px!important;position:relative}.footer-col h4:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:#ffc400}.footer-col p,.footer-col ul li a,.contact-list li,.contact-list li a{color:#a7aaad!important;font-size:12px!important}.footer-col ul li a i,.contact-list li i{color:#ffc400!important}.footer-col ul li a:hover,.contact-list li a:hover{color:#ffc400!important}.social-links a{background:#15181a!important;border-color:#2a2d30!important;color:#fff!important}.social-links a:hover{background:#ffc400!important;color:#111!important}.footer-bottom{border-top:1px solid #1f2225!important;color:#7f8387!important;padding:18px 0!important}
.whatsapp-float{width:54px!important;height:54px!important;right:20px!important;bottom:20px!important}.scroll-top{right:26px!important;bottom:84px!important;background:#111!important;border-color:#ffc400!important;color:#ffc400!important}.scroll-top:hover{background:#ffc400!important;color:#111!important}

@media(max-width:1100px){
 .nav-links>li>a{padding:31px 8px!important;font-size:11px!important}.logo img{height:52px!important;max-width:185px}
 .hero-text{width:62%}.fleet-grid{grid-template-columns:repeat(2,1fr)!important}.services-grid{grid-template-columns:repeat(2,1fr)!important}
 .idx-tab-content form>.form-group{grid-column:span 6}.idx-tab-content form>.form-row>.form-group{grid-column:span 4}.idx-tab-content form>.btn-book-form{grid-column:span 4}
}
@media(max-width:768px){
 .topbar{display:none!important}.navbar .container{min-height:68px}.logo img{height:48px!important;max-width:165px}.nav-links{background:#fff!important;box-shadow:0 14px 30px rgba(0,0,0,.12)!important;padding:8px 0!important}.nav-links>li>a{padding:12px 20px!important;color:#111!important}.dropdown-menu{box-shadow:none!important;background:#fafafa!important}
 .hero{min-height:auto!important;overflow:visible!important}.hero:before{background:linear-gradient(rgba(4,5,6,.73),rgba(4,5,6,.82)),url('/assets/images/hero.png') 64% center/cover no-repeat!important}.hero-content{padding:50px 0 0!important}.hero-text{width:100%!important;padding:26px 0 30px!important;background:transparent!important}.hero-text h1{font-size:37px!important;line-height:1.02!important;letter-spacing:-1px!important}.hero-text p{font-size:13px!important;max-width:90%!important}.hero-stats{display:none!important}.hero-cta{display:flex!important}.hero-booking{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;margin-top:0!important}.booking-card{border-radius:7px!important;padding:0 14px 18px!important;margin:0 0 -1px!important;box-shadow:0 13px 30px rgba(0,0,0,.18)!important}.idx-booking-tabs{max-width:none!important;margin-bottom:16px!important}.idx-tab-btn{padding:0 8px!important;font-size:9px!important;min-height:48px!important}.idx-tab-content form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.idx-tab-content form>.form-group,.idx-tab-content form>.form-row>.form-group{grid-column:auto!important}.idx-tab-content form>.form-row{display:contents!important}.idx-tab-content form>.btn-book-form{grid-column:1/-1!important}.hero+.section{padding-top:60px!important}
 .section{padding:58px 0!important}.services-grid,.why-grid,.routes-grid,.testimonials-grid,.fleet-grid{grid-template-columns:1fr!important}.counter-grid{grid-template-columns:repeat(2,1fr)!important}.counter-item:nth-child(2){border-right:0}.counter-item{padding:8px 10px}.counter-num{font-size:24px!important}.footer-grid{grid-template-columns:1fr!important}.page-hero,.route-hero{padding:52px 0 45px!important}
}
@media(max-width:480px){
 .container{padding:0 16px}.hero-text h1{font-size:32px!important}.hero-text p{max-width:100%!important}.hero-cta .btn{padding:11px 14px!important;font-size:10px!important}.idx-tab-content form{grid-template-columns:1fr!important}.idx-tab-content form>.btn-book-form{grid-column:auto!important}.counter-grid{grid-template-columns:1fr 1fr!important}.counter-item{border-bottom:1px solid rgba(0,0,0,.12)}
}

/* Header logo visibility fix - 2026-08-27 */
.navbar .logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#0b0d0f!important;
  border:2px solid #ffc400!important;
  border-radius:12px!important;
  padding:6px 12px!important;
  min-width:190px!important;
  min-height:64px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.14)!important;
}
.navbar .logo img{
  display:block!important;
  height:48px!important;
  width:auto!important;
  max-width:180px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 1px 2px rgba(255,255,255,.2))!important;
}
@media(max-width:768px){
  .navbar .logo{
    min-width:145px!important;
    min-height:52px!important;
    padding:4px 9px!important;
    border-radius:10px!important;
  }
  .navbar .logo img{
    height:40px!important;
    max-width:135px!important;
  }
}