/* Any Where Cab - UI/UX refinement patch */
:root{
  --awc-blue:#062f6f;
  --awc-blue-2:#0b448f;
  --awc-yellow:#ffe100;
  --awc-yellow-2:#ffc400;
  --awc-text:#111827;
  --awc-muted:#6b7280;
  --awc-border:#d9e2ef;
  --awc-shadow:0 12px 34px rgba(6,47,111,.14);
}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{color:var(--awc-text);overflow-x:hidden;background:#fff;}
a{transition:.25s ease;}
img{max-width:100%;height:auto;}

/* Header */
.navigation-wrap{background:#fff!important;box-shadow:0 6px 22px rgba(0,0,0,.08)!important;}
.navbar{min-height:86px;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 14px!important;}
.navbar-brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0 18px 0 0!important;padding:0!important;flex:0 0 auto!important;}
.navbar-brand img{width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important;object-fit:contain!important;display:block!important;}
.navbar-toggler{border:0!important;outline:0!important;margin-left:auto!important;padding:8px 10px!important;}
.navbar-toggler:focus{outline:0!important;box-shadow:none!important;}
#navbarSupportedContent .navbar-nav .nav-link{font-weight:600;letter-spacing:.2px;}
.custom-btn{box-shadow:0 6px 14px rgba(6,47,111,.18);}

/* Hero */
.carousel-inner img{filter:brightness(.82);}
.carousel-caption,.carousel-content{text-shadow:0 3px 10px rgba(0,0,0,.35);}

/* Booking form */
#form-section{background:#fff!important;border:2px solid var(--awc-blue)!important;border-radius:16px!important;box-shadow:var(--awc-shadow)!important;overflow:hidden!important;}
#form-section .container{max-width:100%!important;padding:0!important;}
#form-section .form-box{padding:20px 22px 26px!important;}
#form-section .form-title{font-size:24px!important;line-height:1.35!important;font-weight:700!important;color:#111!important;padding:20px 14px 16px!important;margin:0 0 16px!important;text-align:center!important;}
#form-section .form-title:before{height:3px!important;width:190px!important;max-width:55%!important;background:var(--awc-blue)!important;border-radius:3px!important;}
#form-section .nav-tabs{display:flex!important;flex-wrap:wrap!important;gap:12px!important;border:0!important;margin:0 0 20px!important;}
#form-section .nav-tabs li{width:auto!important;flex:1 1 calc(25% - 12px)!important;margin:0!important;}
#form-section .nav-tabs li a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;width:100%!important;background:var(--awc-blue)!important;color:#fff!important;border-radius:8px!important;font-size:17px!important;font-weight:600!important;letter-spacing:.2px!important;padding:10px!important;border:1px solid var(--awc-blue)!important;text-decoration:none!important;}
#form-section .nav-tabs li a.active,#form-section .nav-tabs li a:hover{background:var(--awc-yellow)!important;color:#111!important;border-color:var(--awc-yellow)!important;box-shadow:0 6px 14px rgba(255,196,0,.25)!important;}
#form-section .form-group{margin-bottom:16px!important;}
#form-section label{display:block!important;margin:0 0 7px!important;font-size:16px!important;font-weight:600!important;line-height:1.25!important;color:#111!important;}
#form-section .input-group{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;width:100%!important;background:#fff!important;border-radius:8px!important;}
#form-section .input-group-prepend{flex:0 0 54px!important;display:flex!important;}
#form-section .input-group-text{width:54px!important;height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--awc-border)!important;border-right:0!important;border-radius:8px 0 0 8px!important;background:#f8fbff!important;color:var(--awc-blue)!important;}
#form-section .form-control{height:52px!important;min-width:0!important;flex:1 1 auto!important;border:1px solid var(--awc-border)!important;border-radius:0 8px 8px 0!important;background:#fff!important;color:#111!important;font-size:16px!important;padding:0 14px!important;box-shadow:none!important;}
#form-section .form-control:focus{border-color:var(--awc-blue)!important;box-shadow:0 0 0 3px rgba(6,47,111,.10)!important;}
#form-section select.form-control{padding-right:34px!important;text-overflow:ellipsis!important;}
#form-section .select2-container{width:100%!important;min-width:0!important;flex:1 1 auto!important;}
#form-section .select2-selection{height:52px!important;border:1px solid var(--awc-border)!important;border-radius:0 8px 8px 0!important;display:flex!important;align-items:center!important;}
#form-section .select2-selection__rendered{line-height:50px!important;font-size:16px!important;padding-left:14px!important;}
#form-section button,.theme-btn{border-radius:9px!important;}
#form-section .theme-btn,#form-section button[type="submit"]{min-height:54px!important;font-weight:700!important;letter-spacing:.3px!important;box-shadow:0 8px 0 var(--awc-yellow),0 12px 22px rgba(6,47,111,.25)!important;}

/* Sections/cards */
.same-section-spacing{padding-top:55px;padding-bottom:55px;}
.support-content,.taxi-service-section .card,.blog-sesction .card,.card{border-radius:14px!important;box-shadow:0 10px 28px rgba(6,47,111,.08)!important;border:1px solid rgba(6,47,111,.08)!important;overflow:hidden;}
.blog-img img,.taxi-service-section .card img{width:100%;height:220px;object-fit:cover;}
.card-title,.support_title{font-weight:700!important;color:var(--awc-blue)!important;}
p,li{line-height:1.72;}

/* Floating buttons */
.float{box-shadow:0 10px 24px rgba(0,0,0,.18)!important;}

/* Footer */
.footer{background:linear-gradient(180deg,#062f6f,#041f4a)!important;color:#fff!important;}
.footer a,.footer li,.footer p{color:#fff!important;}
.footer-title{color:var(--awc-yellow)!important;font-weight:800!important;}
.footer-bottom{background:#031735!important;text-align:center!important;}

@media (max-width:991px){
  .navbar-collapse{background:#fff;border-radius:12px;margin-top:10px;padding:10px 12px;box-shadow:0 12px 28px rgba(0,0,0,.08);}
  #navbarSupportedContent .navbar-nav .nav-link{padding:10px 6px!important;}
}

@media (max-width:768px){
  .navbar{min-height:86px!important;padding:7px 12px!important;}
  .navbar-brand img{width:74px!important;height:74px!important;max-width:74px!important;max-height:74px!important;}
  .navbar-toggler{margin-left:auto!important;}
  .carousel-inner img{height:215px!important;object-fit:cover!important;}
  #demo{margin-top:0!important;}
  #form-section{position:relative!important;width:auto!important;top:auto!important;left:auto!important;margin:10px 10px 30px!important;border-radius:12px!important;border-width:2px!important;}
  #form-section .form-title{font-size:21px!important;padding:18px 10px 14px!important;margin-bottom:16px!important;}
  #form-section .form-box{padding:14px 14px 22px!important;}
  #form-section .nav-tabs{gap:10px!important;margin-bottom:18px!important;}
  #form-section .nav-tabs li{flex:1 1 calc(50% - 10px)!important;width:auto!important;margin:0!important;}
  #form-section .nav-tabs li a{min-height:56px!important;font-size:18px!important;border-radius:8px!important;}
  #form-section .form-group{margin-bottom:15px!important;}
  #form-section label{font-size:16px!important;margin-bottom:7px!important;}
  #form-section .input-group-prepend{flex-basis:52px!important;}
  #form-section .input-group-text{width:52px!important;height:54px!important;}
  #form-section .form-control,#form-section .select2-selection{height:54px!important;font-size:16px!important;}
  #form-section .select2-selection__rendered{line-height:52px!important;}
  #form-section .theme-btn,#form-section button[type="submit"]{width:100%!important;max-width:360px!important;margin:10px auto 0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;}
  .float{width:56px!important;height:56px!important;bottom:18px!important;right:18px!important;border-width:8px!important;font-size:26px!important;line-height:38px!important;}
  .float-call{left:18px!important;right:auto!important;}
  .same-section-spacing{padding-top:38px!important;padding-bottom:38px!important;}
  h1{font-size:30px!important;line-height:1.25!important;}
  h2{font-size:25px!important;line-height:1.3!important;}
  .blog-img img,.taxi-service-section .card img{height:190px;}
}

@media (max-width:420px){
  #form-section .nav-tabs li a{font-size:17px!important;}
  #form-section .form-title{font-size:20px!important;}
  #form-section .input-group-text{width:48px!important;}
  #form-section .input-group-prepend{flex-basis:48px!important;}
}